javascript的dom事件有哪些
程序员文章站
2022-04-04 13:46:01
...
js dom事件有：abort、afterprint、blur、canplay、change、click、copy、cut、dblclick、drag、drop、ended、error、focus、open、load、play等等。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
HTML DOM 事件
HTML DOM 事件允许 JavaScript 在 HTML 文档中的元素上注册不同的事件处理程序。
事件通常与函数结合使用，在事件发生之前函数不会被执行（例如当用户单击按钮时）。
| 事件 | 描述 |
|---|---|
| abort | 媒体加载中止时发生该事件。 |
| afterprint | 当页面开始打印时，或者关闭打印对话框时，发生此事件。 |
| animationend | CSS 动画完成时发生此事件。 |
| animationiteration | 重复 CSS 动画时发生此事件。 |
| animationstart | CSS 动画开始时发生此事件。 |
| beforeprint | 即将打印页面时发生此事件。 |
| beforeunload | 在文档即将被卸载之前发生此事件。 |
| blur | 当元素失去焦点时发生此事件。 |
| canplay | 当浏览器可以开始播放媒体时，发生此事件。 |
| canplaythrough | 当浏览器可以在不停止缓冲的情况下播放媒体时发生此事件。 |
| change | 当form元素的内容、选择的内容或选中的状态发生改变时，发生此事件 |
| click | 当用户单击元素时发生此事件。 |
| contextmenu | 当用户右键单击某个元素以打开上下文菜单时，发生此事件。 |
| copy | 当用户复制元素的内容时发生此事件。 |
| cut | 当用户剪切元素的内容时发生此事件。 |
| dblclick | 当用户双击元素时发生此事件。 |
| drag | 拖动元素时发生此事件。 |
| dragend | 当用户完成拖动元素后，发生此事件。 |
| dragenter | 当拖动的元素进入放置目标时，发生此事件。 |
| dragleave | 当拖动的元素离开放置目标时，发生此事件。 |
| dragover | 当拖动的元素位于放置目标之上时，发生此事件。 |
| dragstart | 当用户开始拖动元素时发生此事件。 |
| drop | 当将拖动的元素放置在放置目标上时，发生此事件。 |
| durationchange | 媒体时长改变时发生此事件。 |
| ended | 在媒体播放到尽头时发生此事件。 |
| error | 当加载外部文件时发生错误后，发生此事件。 |
| focus | 在元素获得焦点时发生此事件。 |
| focusin | 在元素即将获得焦点时发生此事件。 |
| focusout | 在元素即将失去焦点时发生此事件。 |
| fullscreenchange | 当元素以全屏模式显示时，发生此事件。 |
| fullscreenerror | 当元素无法在全屏模式下显示时，发生此事件。 |
| hashchange | 当 URL 的锚部分发生改变时，发生此事件。 |
| input | 当元素获得用户输入时，发生此事件。 |
| invalid | 当元素无效时，发生此事件。 |
| keydown | 当用户正在按下键时，发生此事件。 |
| keypress | 当用户按下键时，发生此事件。 |
| keyup | 当用户松开键时，发生此事件。 |
| load | 在对象已加载时，发生此事件。 |
| loadeddata | 媒体数据加载后，发生此事件。 |
| loadedmetadata | 加载元数据（比如尺寸和持续时间）时，发生此事件。 |
| loadstart | 当浏览器开始查找指定的媒体时，发生此事件。 |
| message | 在通过此事件源接收消息时，发生此事件。 |
| mousedown | 当用户在元素上按下鼠标按钮时，发生此事件。 |
| mouseenter | 当指针移动到元素上时，发生此事件。 |
| mouseleave | 当指针从元素上移出时，发生此事件。 |
| mousemove | 当指针在元素上方移动时，发生此事件。 |
| mouseout | 当用户将鼠标指针移出元素或其中的子元素时，发生此事件。 |
| mouseover | 当指针移动到元素或其中的子元素上时，发生此事件。 |
| mouseup | 当用户在元素上释放鼠标按钮时，发生此事件。 |
| offline | 当浏览器开始脱机工作时，发生此事件。 |
| online | 当浏览器开始在线工作时，发生此事件。 |
| open | 当打开与事件源的连接时，发生此事件。 |
| pagehide | 当用户离开某张网页进行导航时，发生此事件。 |
| pageshow | 在用户导航到某张网页时，发生此事件。 |
| paste | 当用户将一些内容粘贴到元素中时，发生此事件。 |
| pause | 当媒体被用户暂停或以编程方式暂停时，发生此事件。 |
| play | 当媒体已启动或不再暂停时，发生此事件。 |
| playing | 在媒体被暂停或停止以缓冲后播放时，发生此事件。 |
| popstate | 窗口的历史记录改变时，发生此事件。 |
| progress | 当浏览器正处于获得媒体数据的过程中时，发生此事件。 |
| ratechange | 媒体播放速度改变时发生此事件。 |
| reset | 重置表单时发生此事件。 |
| resize | 调整文档视图的大小时发生此事件。 |
| scroll | 滚动元素的滚动条时发生此事件。 |
| search | 当用户在搜索字段中输入内容时，发生此事件。 |
| seeked | 当用户完成移动/跳到媒体中的新位置时，发生该事件。 |
| seeking | 当用户开始移动/跳到媒体中的新位置时，发生该事件。 |
| select | 用户选择文本后（对于<input>和<textarea>）发生此事件 |
| show | 当 <menu> 元素显示为上下文菜单时，发生此事件。 |
| stalled | 当浏览器尝试获取媒体数据但数据不可用时，发生此事件。 |
| storage | Web 存储区域更新时发生此事件。 |
| submit | 在提交表单时发生此事件。 |
| suspend | 当浏览器有意不获取媒体数据时，发生此事件。 |
| timeupdate | 当播放位置更改时发生此事件。 |
| toggle | 当用户打开或关闭 <details> 元素时，发生此事件。 |
| touchcancel | 在触摸被中断时，发生此事件。 |
| touchend | 当手指从触摸屏上移开时，发生此事件。 |
| touchmove | 当手指在屏幕上拖动时，发生此事件。 |
| touchstart | 当手指放在触摸屏上时，发生此事件。 |
| transitionend | CSS 转换完成时，发生此事件。 |
| unload | 页面卸载后（对于 <body>），发生此事件。 |
| volumechange | 当媒体的音量已更改时，发生此事件。 |
| waiting | 当媒体已暂停但预期会恢复时，发生此事件。 |
| wheel | 当鼠标滚轮在元素向上或向下滚动时，发生此事件。 |
【推荐学习：javascript高级教程】
以上就是javascript的dom事件有哪些的详细内容，更多请关注其它相关文章！
上一篇： 思维脑图+代码示例让作用域到作用域链的知识点一目了然！
下一篇： TypeScript入门指南