欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

浅谈 javascript 事件处理_基础知识

程序员文章站 2022-05-04 09:46:58
...
事件处理

一、事件源:任何一个HTML元素(节点),body、div、button

二、事件:你的操作

鼠标:
click 单击
dblick 双击
oncontextmenu 文本菜单

复制代码 代码如下:

//禁止右键的程序

mouseover 放上
mouseout 离开
mousedown 按下
mouseup 抬起
mousemove 鼠标移动

键盘:
keypress 键盘事件
keyup 抬起
keydown 按下

文档:
load 加载
onload 是页面加载完成之后触发的事件
unload 关闭
breforeunload关闭之前

表单:
focus 焦点事件
blur 失去焦点
submit 提交事件
change 改变事件

其它:
scroll 滚动
selectstart 选择事件

三、事件处理程序

第一种:
格式:
实例:

复制代码 代码如下:




wwwwwwwwwwwwwwwww


第二种:
直接在javascript里边对象.on处理程序

复制代码 代码如下:


你好,脚本之家http://www.jb51.net


第三种:
基本没什么人用

复制代码 代码如下:



你好,脚本之家http://www.jb51.net


小伙伴们是否了解了javascript的事件处理了呢,有疑问就给我留言吧。