欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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等等。

javascript的dom事件有哪些

本教程操作环境: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事件有哪些的详细内容,更多请关注其它相关文章!