addEventListener 可以监听哪些东西

发布于 2021-11-28 20:27:14 字数 5687 浏览 1483 评论 0

鼠标事件

事件触发
click当用户点击某个对象时调用的事件句柄
contextmenu在用户点击鼠标右键打开上下文菜单时触发
dblclick当用户双击某个对象时调用的事件句柄
mousedown鼠标按钮被按下
mouseenter当鼠标指针移动到元素上时触发
mouseleave当鼠标指针移出元素时触发
mousemove鼠标被移动
mouseover鼠标移到某元素之上
mouseout鼠标从某元素移开
mouseup鼠标按键被松开

键盘事件

事件触发
keydown某个键盘按键被按下
keypress某个键盘按键被按下并松开
keyup某个键盘按键被松开

框架/对象(Frame/Object)事件

事件触发
abort图像的加载被中断
beforeunload该事件在即将离开页面(刷新或关闭)时触发
error在加载文档或图像时发生错误
hashchange该事件在当前 URL 的锚部分发生修改时触发
load一张页面或一幅图像完成加载
pageshow该事件在用户访问页面时触发
pagehide该事件在用户离开当前网页跳转到另外一个页面时触发
resize窗口或框架被重新调整大小
scroll当文档被滚动时发生的事件
unload用户退出页面

表单事件

事件触发
blur元素失去焦点时触发
change该事件在表单元素的内容改变时触发
focus元素获取焦点时触发
focusin元素即将获取焦点是触发
focusout元素即将失去焦点是触发
input元素获取用户输入是触发
reset表单重置时触发
search用户向搜索域输入文本时触发

打印事件

事件触发
afterprint该事件在页面已经开始打印,或者打印窗口已经关闭时触发
beforeprint该事件在页面即将开始打印时触发

拖动事件

事件触发
drag该事件在元素正在拖动时触发
dragend该事件在用户完成元素的拖动时触发
dragenter该事件在拖动的元素进入放置目标时触发
dragleave该事件在拖动元素离开放置目标时触发
dragover该事件在拖动元素在放置目标上时触发
dragstart该事件在用户开始拖动元素时触发
drop该事件在拖动元素放置在目标区域时触发

多媒体(Media)事件

事件触发
abort事件在视频/音频(audio/video)终止加载时触发
canplay事件在用户可以开始播放视频/音频(audio/video)时触发
canplaythrough事件在视频/音频(audio/video)可以正常播放且无需停顿和缓冲时触发
durationchange事件在视频/音频(audio/video)的时长发生变化时触发
ended事件在视频/音频(audio/video)播放结束时触发
error事件在视频/音频(audio/video)数据加载期间发生错误时触发
loadeddata事件在浏览器加载视频/音频(audio/video)当前帧时触发触发
loadedmetadata事件在指定视频/音频(audio/video)的元数据加载后触发
loadstart事件在浏览器开始寻找指定视频/音频(audio/video)触发
pause事件在视频/音频(audio/video)暂停时触发
play事件在视频/音频(audio/video)开始播放时触发
playing事件在视频/音频(audio/video)暂停或者在缓冲后准备重新开始播放时触发
progress事件在浏览器下载指定的视频/音频(audio/video)时触发
ratechange事件在视频/音频(audio/video)的播放速度发送改变时触发
seeked事件在用户重新定位视频/音频(audio/video)的播放位置后触发
seeking事件在用户开始重新定位视频/音频(audio/video)时触发
stalled事件在浏览器获取媒体数据,但媒体数据不可用时触发
suspend事件在浏览器读取媒体数据中止时触发
timeupdate事件在当前的播放位置发送改变时触发
volumechange事件在音量发生改变时触发
waiting事件在视频由于要播放下一帧而需要缓冲时触发

动画事件

事件触发
animationend该事件在 CSS 动画结束播放时触发
animationiteration该事件在 CSS 动画重复播放时触发
animationstart该事件在 CSS 动画开始播放时触发

过渡事件

事件触发
transitionend该事件在 CSS 完成过渡后触发

其他事件

事件触发
message该事件通过或者从对象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息时触发
online该事件在浏览器开始在线工作时触发
offline该事件在浏览器开始离线工作时触发
popstate该事件在窗口的浏览历史(history 对象)发生改变时触发
show该事件当元素在上下文菜单显示时触发
storage该事件在 Web Storage(HTML 5 Web 存储)更新时触发
toggle该事件在用户打开或关闭 元素时触发
wheel该事件在鼠标滚轮在元素上下滚动时触发

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84961 人气
更多

推荐作者

醉城メ夜风

文章 0 评论 0

远昼

文章 0 评论 0

平生欢

文章 0 评论 0

微凉

文章 0 评论 0

Honwey

文章 0 评论 0

qq_ikhFfg

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文