js 事件函数

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/qq_41194704/article/details/102709435

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)

猜你喜欢

转载自blog.csdn.net/qq_41194704/article/details/102709435