js事件函数
事件 |
描述 |
mousedown |
鼠标按键按下时触发(接收的是鼠标的所有按键,但不包括有的鼠标上的加减键) |
mousemove |
鼠标在元素内部移动时触发 |
mouseup |
鼠标按键抬起时触发(接收的是鼠标的所有按键,但不包括有的鼠标上的加减键) |
mouseover |
鼠标移上元素时触发,其祖先元素也会触发,也就是说这个元素冒泡 |
mouseout |
鼠标移出元素时触发,其祖先元素也会触发,也就是说这个元素冒泡 |
mouseenter |
鼠标移上元素时触发 |
mouseleave |
鼠标移出元素时触发 |
click |
鼠标点击事件 |
contextmenu |
鼠标右键菜单事件 |
事件 |
描述 |
keydown |
键盘按键按下事件,按住不放,该事件会一直触发,任何按键都会触发,但大小写切换的按键,在中文状态下是不会触发该事件的 |
keyup |
键盘按键抬起事件,只触发一次,在键入中文的时候,该事件的evt.key的值为 Process |
keypress |
键盘按键按下事件,只有字符按键会触发该事件 |
事件 |
描述 |
change |
修改表单触发,只有失去焦点时,输入框里的值发生改变才会触发 |
input |
输入触发事件,只要输入框输入,就触发事件 |
focus |
获取焦点事件 |
blur |
失去焦点事件 |
事件 |
描述 |
load |
加载事件,当页面上的所有元素,js都加载完之后触发 |
resize |
窗口改变事件,当窗口或框架被调整时触发 |
dom节点 . onxxxyyyzzz = function () {
}
特点:
1.以on开头,后面跟事件名称,事件名称全部都是小写字母
2.只能处理冒泡阶段事件
3.事件处理函数中的this,就是on前边的元素
4.对于同一个元素的同一个事件,不能重复绑定,后绑定会覆盖先绑定
5.兼容性好(兼容IE)