事件分类: [MDN]
1. 鼠标事件
onclick(): 鼠标点击 ondblclick(): 鼠标双击 onmousedown(): 鼠标按下 onmouseup(): 鼠标抬起 onmousemove(): 鼠标移动 onmouseover(): 鼠标移入(鼠标经过时自身触发事件,经过子元素也触发该事件,事件冒泡了) onmouseout(): 鼠标移出(鼠标经过时自身触发事件,经过子元素也触发该事件,事件冒泡了) onmouseenter(): 鼠标移入(鼠标经过时自身触发事件,经过子元素时不触发该事件,不支持冒泡) onmouseleave(): 鼠标移出(鼠标经过时自身触发事件,经过子元素时不触发该事件,不支持冒泡) oncontextmenu(): 鼠标右键菜单 onwhell(): 鼠标滚轮事件(mousewhell/DOMMouseScroll) onselect(): 文本选中 鼠标无限移动锁定鼠标指针: 必须用绑定的方式 pointerlockchange: 当当页面鼠标锁定状态改变的时候触发 pointerlockerror: 当页面鼠标锁定失败的时候触发。
[光标锁定]
2. 键盘事件
onkeydown(): 键盘按下 onkeyup(): 键盘抬起 onkeypress(): 除Shift、Fn、CapsLock外任意键被按住(连续触发)
3. 剪切板事件
cut(): 剪切操作 copy(): 复制操作 paste(): 粘贴操作
4、窗口事件 [浏览器全屏]
fullscreenchange: 浏览器进入或离开全屏时触发 fullscreenerror: window.onresize: 浏览器窗口大小发生变化时触发 window.onscroll: 所有可滚动的元素和浏览器窗口,滚动的时候触发 window.onload: 在页面 或 图像加载完成后立即执行 window.onload: 在页面 或 图像加载完成后立即执行 DOMContentLoaded: readyStatechage: unload: beforeunload:
5. 表单事件
submit: 提交 reset: 重置 change: 当元素值发生改变时触发 focus: 元素获得交单(不冒泡) blur: 元素失去焦点(不冒泡) input/porpertychange:
6. 网络事件
online: offline: