HTML DOM事件

鼠标事件:

onclick:鼠标点击某个对象时触发

ondblclick:鼠标双击某个对象时触发

onmousedown:鼠标按钮被按下时触发

onmouseup:鼠标按钮被松开时触发

onmouseover:鼠标移到某个元素上时触发

onmouseout:鼠标从某个元素上移开时触发

onmouseenter:鼠标指针移动到某元素上时触发

onmouseleave:鼠标指针从某个元素上移开时触发

onmousemove:鼠标被移动时触发

oncontextmenu:点击鼠标右键打开上下文菜单时触发

键盘事件:

onkeydown:键盘某个按键被按下时触发

onkeyup:键盘某个按键被松开时触发

onkeypress:键盘某个按键被按下并松开时触发

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

onabort:在图像加载中断时触发

onbeforeunload:在离开页面时(包括刷新和关闭)触发

onerror:在加载文档或图像发生错误时触发

onhashchange:当前URL的锚部分发生修改时触发

onload:一个页面或一张图片加载完毕时触发

onpageshow:用户访问页面时触发

onpagehide:用户离开当前页面跳转到下一个页面时触发

onresize:窗口或框架重新调整大小时触发

onscroll:文档被滚动时触发

onunload:用户退出页面时触发

表单事件:

onfocus:元素获得焦点时触发

onblur:元素失去焦点时触发

onfocusin:元素即将获得焦点时触发

onfocusout:元素即将失去焦点时触发

onchange:表单元素内容发生改变时触发

oninput:用户输入时触发

onreset:表单重置时触发

onsearch:用户向搜索域输入文本时触发

onselect:用户选取文本时触发

onsubmit:表单提交时触发

剪切板事件:

oncopy:用户复制时触发

oncut:用户剪切时触发

onpaste:用户粘贴时触发

打印事件:

onafterprint:页面已经开始打印或页面已经关闭时触发

onbeformprint:在页面即将打印前触发

拖动事件:

ondrag:元素正在拖动时触发

ondragend:元素拖动完成时触发

ondragenter:拖动的元素进入放置目标时触发

ondragleave:拖动的元素离开放置目标时触发

ondragover:拖动的元素在放置目标上时触发

ondragstart:开始拖动元素时触发

ondrop:拖动的元素放置在目标时触发

多媒体(Media)事件:

onabort:在视屏/音频终止加载时触发

oncanplay:在可以播放视频/音频时触发

oncanplaythrough:在视频/音频可以正常播放不需要停顿和缓冲时触发

ondurationchange:在视频/音频的时长发生变化时触发

onemptied:在当期播放列表为空时触发

onended:在视频/音频播放结束时触发

onerror:在视频/音频数据加载期间发生错误时触发

onloadeddata:在浏览器加载视频/音频当前帧时触发

onloadedmetadata:在指定视频/音频的元数据加载后触发

onloadstart:开始寻找视频/音频时触发

onpause:视频/音频暂停时触发

onplay:视频/音频开始播放时触发

onplaying:视频/音频在暂停时或缓冲后继续播放时触发

onprogress:下载指定的视频/音频时触发

onratechange:在视频/音频的播放速度发生改变时触发

onseeking:重新定位视频/音频的播放位置时触发

onstalled:获取媒体数据,但媒体数据不可用时触发

onsuspend:读取媒体数据中止时触发

ontimeupdate:播放位置发生改变时触发

onvolumechange:音量发生改变时触发

onwaitting:视频由于播放下一帧而需要缓冲时触发

动画事件:

animationend:在 CSS 动画结束播放时触发

animationiteration:在 CSS 动画重复播放时触发

animationstart:在 CSS 动画开始播放时触发

过渡事件:

transitionend:在 CSS 完成过渡后触发

其他事件:

onmessage:通过或从对象接受到消息时触发

ononline:浏览器开始在线工作时触发

onoffline:浏览器开始在离线工作时触发

onpopstate:在窗口的浏览器历史(history对象)发生改变时触发

onshow:当 <menu> 元素在上下文菜单显示时触发

onstorage:在 Web Storage(HTML 5 Web 存储)更新时触发

ontoggle:在用户打开或关闭 <details> 元素时触发

onwheel:在鼠标滚轮在元素上下滚动时触发

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值