HTML - 事件参考



当用户访问您的网站时,他们会做一些事情,例如单击各种链接,将鼠标悬停在文本和图像上等。这些是我们在 JavaScript 和 VBScript 术语中称为事件的示例。

我们可以使用 JavaScript 或 VBScript 编写事件处理程序,并可以指定要对这些事件执行的一些操作。虽然这些是事件,但它们将被指定为 HTML 标记的属性。

HTML 4.01 规范定义了 19 个事件,但后来的 HTML-5 添加了许多其他事件,我们在这里列出了这些事件:

窗口事件属性

以下是下面列出的窗口事件属性:

事件 描述
onafterprint 打印文档后的触发器
onbeforeprint 在打印文档之前触发
onbeforeunload 在文档加载之前触发
onerror 发生错误时触发
onhashchange 在文档发生更改时触发
onload 文档加载时触发
onoffline 文档脱机时触发
ononline 文档联机时触发
onpagehide 隐藏窗口时触发
onpageshow 当窗口变为可见时触发
onresize 调整窗口大小时触发
onunload 用户离开文档时触发

表单事件

以下是下面列出的表单事件属性:

事件 描述
onblur 当窗口失去焦点时触发
onchange 元素更改时触发
oncontextmenu 触发上下文菜单时触发
onfocus 当窗口获得焦点时触发
oninput 当元素获取用户输入时触发
oninvalid 元素无效时触发
onreset 重置窗体时触发
onsearch 允许在用户在可搜索的输入字段中执行搜索操作时运行特定的 JavaScript 代码。
onselect 选择元素时触发
onsubmit 提交表单时触发

键盘事件

以下是下面列出的 HTML 键盘事件:

事件 描述
onkeydown 按下某个按键时触发
onkeyup 释放按键时触发

鼠标事件

以下是下面列出的鼠标事件属性:

事件 描述
onclick 鼠标单击时触发
ondblclick 鼠标双击时触发
onmousedown 按下鼠标按钮时触发
onmousemove 鼠标指针移动时触发
onmouseout 当鼠标指针移出元素时触发
onmouseover 当鼠标指针在元素上移动时触发
onmouseup 释放鼠标按钮时触发
onwheel 当鼠标滚轮位于元素上时,将发生 HTML 滚轮事件。

拖动事件

以下是下面列出的 HTML 拖动事件:

事件 描述
ondrag 拖动元素时触发
ondragend 拖动操作结束时触发
ondragenter 当元素被拖动到有效的放置目标时触发
ondragleave 当元素离开有效的放置目标时触发
ondragover 当元素被拖动到有效的放置目标上时触发
ondragstart 拖动操作开始时触发
ondrop 拖放拖动元素时触发
onscroll 滚动元素的滚动条时触发

剪贴板事件

让我们看看下面列出的以下剪贴板事件:

事件 描述
oncopy 用户复制元素时触发
oncut 当用户删除(剪切)元素时触发
onpaste 在将元素粘贴到输入字段时触发。

媒体活动

以下是下面列出的媒体事件属性:

事件 描述
ondurationchange 更改介质长度时触发
onended 在媒体到达末尾时触发
onerror 发生错误时触发
onloadeddata 加载媒体数据时触发
onloadedmetadata 加载媒体元素的持续时间和其他媒体数据时触发
onloadstart 浏览器开始加载媒体数据时触发
onpause 暂停媒体数据时触发
onplay 在媒体数据开始播放时触发
onplaying 媒体数据开始播放时触发
onprogress 浏览器获取媒体数据时触发
onratechange 媒体数据播放速率发生变化时触发
onseeked 当媒体元素的搜索属性不再为 true,并且搜索已结束时触发
onseeking 当媒体元素的搜索属性为 true 且搜索已开始时触发
onstalled 在提取媒体数据时出错时触发
onsuspend 当浏览器一直在获取媒体数据,但在获取整个媒体文件之前停止时触发
ontimeupdate 当媒体改变其播放位置时触发
onvolumechange 当媒体更改音量时触发,以及当音量设置为“静音”时触发
onwaiting 在媒体停止播放但预计会恢复时触发

其他活动

在下面列出的杂项事件之后:

事件 描述
ontoggle 通常,切换意味着它在所选元素的 hide() 和 show() 之间切换。