常用事件

作者：

在

焦点事件

事件名称	何时触发
`focus`	元素获得焦点（不会冒泡）。
`blur`	元素失去焦点（不会冒泡）。

表单事件

事件名称	何时触发
`reset`	点击重置按钮时
`submit`	点击提交按钮

视图事件

事件名称	何时触发
`resize`	文档视图大小被改变
`scroll`	文档视图或元素已经滚动

剪贴板事件

事件名称	何时触发
`cut`	已经剪贴选中的文本内容并且复制到了剪贴板。
`copy`	已经把选中的文本内容复制到了剪贴板。
`paste`	从剪贴板复制的文本内容被粘贴。

键盘事件

事件名称	何时触发
`keydown`	按下任意按键。
`keypress`	除 Shift、Fn、CapsLock 外的任意键被按住。（连续触发。）
`keyup`	释放任意按键。

鼠标事件

事件名称	何时触发
`click`	在元素上按下并释放任意鼠标按键。
`contextmenu`	右键点击（在右键菜单显示前触发）。
`dblclick`	在元素上双击鼠标按钮。
`mousedown`	在元素上按下任意鼠标按钮。
`mouseenter`	指针移到有事件监听的元素内。
`mouseleave`	指针移出元素范围外（不冒泡）。
`mousemove`	指针在元素内移动时持续触发。
`mouseover`	指针移到有事件监听的元素或者它的子元素内。
`mouseout`	指针移出元素，或者移到它的子元素上。
`mouseup`	在元素上释放任意鼠标按键。
`pointerlockchange`	鼠标被锁定或者解除锁定发生时。
`pointerlockerror`	可能因为一些技术的原因鼠标锁定被禁止时。
`select`	有文本被选中。
`wheel`	滚轮向任意方向滚动。

值变化事件

input

input – Web API 接口参考 | MDN

存储事件

change

change – Web API 接口参考 | MDN

事件参考 | MDN

评论

发表回复取消回复

更多文章