下面收集了网上一些已经分好类的常用事件,方便自己查找相关事件知识。如有需要,请自取。
Window事件
针对 window 对象触发的事件,也就是常说的页面事件,属于浏览器事件类型(应用到 <body> 标签):
事件 | 触发该事件的条件 |
页面内容加载完成时触发此事件 | |
文档卸载,即当前页面窗口关闭触发此事件 | |
onbeforeunload | 当前页面窗口关闭之前触发此事件 |
onerror | 文档发生错误时触发此事件 |
onabort | 图片在下载时被用户中断 |
onmove | 浏览器的窗口被移动时触发此事件 |
oncontextmenu | 当弹出右键上下文菜单时发生 |
当浏览器窗口被调整大小时触发 | |
onscroll | 浏览器的滚动条位置发生变化时触发此事件 |
文档打印完后触发此事件 文档打印之前触发此事件 |
鼠标和键盘事件
事件名 | 触发该事件的条件 |
鼠标点击某个对象 | |
鼠标双击某个对象 | |
按下鼠标键 | |
鼠标键按下后松开 | |
鼠标移动到某对象范围的上方 | |
鼠标离开某对象范围 | |
键盘上某个按键被按下 | |
键盘上某个键被按下或按住 | |
键盘上某个键(按下后)被松开 |
表单事件(form)
由 HTML 表单内的动作触发的事件(应用到几乎所有 HTML 元素,但最常用在 form 元素中)
事件名 | 触发该事件的条件 |
元素失去焦点 | |
元素获得焦点 | |
用户改变表单域的内容 | |
表单提交按钮被点击 | |
表单重置按钮被点击 | |
onformchange | 在表单改变时运行的脚本。 |
onforminput | 当表单获得用户输入时运行的脚本。 |
oninput | 当元素获得用户输入时运行的脚本。 |
oninvalid | 当元素无效时运行的脚本。 |
编辑事件
事件名 | 触发该事件的条件 |
当文本内容被选择 | |
当页面被选择内容将要复制到系统剪贴板前 | |
当前被选择的内容被复制后 | |
当前被选择的内容被剪切 | |
当内容被粘贴时 |