📜  HTML 事件属性完整参考(1)

📅  最后修改于: 2023-12-03 14:41:54.564000             🧑  作者: Mango

HTML 事件属性完整参考

HTML 事件属性是在 HTML 元素上定义的属性,可以用于触发 JavaScript 代码的执行。它们被用于网页开发中,为用户提供了各种交互方式,比如点击、滚动、拖曳等。

下面是 HTML 事件属性的完整参考。

通用事件属性

在任何 HTML 元素上都可使用的事件属性。

onabort

当加载被中止时触发,例如图片加载失败。

onblur

当元素失去焦点时触发。

onchange

当输入框内容发生改变时触发。

onclick

当元素被鼠标点击时触发。

ondblclick

当元素被鼠标双击时触发。

onerror

当资源加载失败时触发。

onfocus

当元素获得焦点时触发。

onkeydown

当按键被按下时触发。

onkeypress

当按键被按下并释放时触发。

onkeyup

当按键被释放时触发。

onload

当资源加载完成时触发。

onmousedown

当鼠标按下时触发。

onmousemove

当鼠标移动时触发。

onmouseout

当鼠标移出元素时触发。

onmouseover

当鼠标移入元素时触发。

onmouseup

当鼠标释放时触发。

onresize

当窗口或框架大小发生改变时触发。

onscroll

当元素滚动时触发。

onselect

当文本被选中时触发。

onsubmit

当提交表单时触发。

特定事件属性

只能在特定 HTML 元素上使用的事件属性。

onafterprint

当元素、包含区域或整个页面被打印或预览后触发。

onbeforeprint

当元素、包含区域或整个页面被打印或预览前触发。

oncanplay

当媒体可以播放时触发。

oncanplaythrough

当媒体可以在不停顿、不进行缓冲的情况下完全播放时触发。

oncontextmenu

当鼠标右键被单击时触发。

oncuechange

当 WebVTT Track 对象的 activeCues 集合发生变化时触发。

ondrag

当元素正在被拖拽时触发。

ondragend

当元素的拖动操作结束时触发。

ondragenter

当元素被拖进一个有效的放置目标时触发。

ondragleave

当元素被拖出一个有效的放置目标时触发。

ondragover

当元素在有效放置目标上方被拖动时触发。

ondragstart

当元素的拖动操作开始时触发。

ondrop

当元素在有效放置目标上被释放时触发。

ondurationchange

当媒体的持续时间发生改变时触发。

onemptied

当媒体的内容被清空时触发。

onended

当媒体播放结束时触发。

oninput

当用户在文本框或类似输入控件中输入时触发。

oninvalid

当表单验证不通过时触发。

onkeydown

当按键按下时触发。

onkeypress

当按键按下并放开时触发。

onkeyup

当按键被松开时触发。

onloaddata

当媒体上的数据加载完成时触发。

onloadend

当媒体上的数据加载完成,并且媒体将播放到其结束时触发。

onloadeddata

当媒体数据加载完毕时触发,但没有足够的数据来播放媒体的所有内容。

onloadedmetadata

当媒体的元数据加载完毕时触发。

onpause

当媒体被暂停时触发。

onplay

当媒体开始播放时触发。

onplaying

当媒体开始实际播放时触发。

onprogress

当媒体的加载进度发生改变时触发。

onratechange

当媒体的播放速率发生改变时触发。

onreset

当表单重置时触发。

onseeked

当媒体跳转完成时触发。

onseeking

当媒体正在跳转时触发。

onselectstart

当用户开始选择文本时触发。

onshow

当元素从 display:none 状态变为可见状态时触发。

onstalled

当尝试获取媒体数据,但数据不可用时触发。

onsubmitting

当提交表单时触发,并且表单通过验证。

onsuspend

当媒体的加载被中断时触发。

ontimeupdate

当媒体的当前播放位置发生改变时触发。

ontoggle

当元素的打开/关闭状态切换时触发。

onvolumechange

当媒体音量发生改变时触发。

onwaiting

当媒体暂停播放等待数据时触发。

以上就是 HTML 事件属性的完整参考。

参考资料:

W3Schools MDN Web Docs