js 事件函数

js事件函数

• 鼠标事件函数

事件	描述
mousedown	鼠标按键按下时触发（接收的是鼠标的所有按键，但不包括有的鼠标上的加减键）
mousemove	鼠标在元素内部移动时触发
mouseup	鼠标按键抬起时触发（接收的是鼠标的所有按键，但不包括有的鼠标上的加减键）
mouseover	鼠标移上元素时触发，其祖先元素也会触发，也就是说这个元素冒泡
mouseout	鼠标移出元素时触发，其祖先元素也会触发，也就是说这个元素冒泡
mouseenter	鼠标移上元素时触发
mouseleave	鼠标移出元素时触发
click	鼠标点击事件
contextmenu	鼠标右键菜单事件

• 键盘事件函数

事件	描述
keydown	键盘按键按下事件，按住不放，该事件会一直触发，任何按键都会触发，但大小写切换的按键，在中文状态下是不会触发该事件的
keyup	键盘按键抬起事件，只触发一次，在键入中文的时候，该事件的evt.key的值为 Process
keypress	键盘按键按下事件，只有字符按键会触发该事件

• 表单事件函数

事件	描述
change	修改表单触发，只有失去焦点时，输入框里的值发生改变才会触发
input	输入触发事件，只要输入框输入，就触发事件
focus	获取焦点事件
blur	失去焦点事件

• 窗口事件函数

事件	描述
load	加载事件，当页面上的所有元素，js都加载完之后触发
resize	窗口改变事件，当窗口或框架被调整时触发

• DOM0事件处理程序:

dom节点 . onxxxyyyzzz = function () {
}

特点：
1.以on开头，后面跟事件名称，事件名称全部都是小写字母
2.只能处理冒泡阶段事件
3.事件处理函数中的this，就是on前边的元素
4.对于同一个元素的同一个事件，不能重复绑定，后绑定会覆盖先绑定
5.兼容性好(兼容IE)

• DOM2事件处理程序:

dom节点.addEventListener(‘要处理的事件名’,‘function’,‘是否在捕获阶段处理’)
参数：
1.要处理的事件名（注意：事件名前面没有on）
2.函数
例如： function aaa(){}
3.true：捕获阶段
false：冒泡阶段

删除事件
dom节点.removeEventListener(‘要删除的事件名’,‘函数名称’)
参数：
1.要删除的事件名
2.要删除的函数名称
3.注意：删除时传入的函数名，应该与添加时的函数名一致。
也就是说，添加时如果使用匿名函数添加的，是无法被删除的。