Html 简明教程

HTML - Events Reference

当用户访问你的网站时，他们会执行各种操作，例如单击各种链接，将鼠标悬停在文本和图像上等。这些是我们所说的 JavaScript 和 VBScript 术语中的事件示例。

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

HTML 4.01 规范定义了 19 个事件，但后来的 HTML-5 添加了很多其他事件，我们已将它们列在下面 −

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

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

Sr.No	Events & Description
1	onblur 窗口失去焦点时触发
2	onchange 元素发生变化时触发
3	oncontextmenu 上下文菜单触发时触发
4	onfocus 窗口获取焦点时触发
5	oninput 元素获得用户输入时触发
6	oninvalid 元素无效时触发
7	onreset 表单重置时触发
8	onsearch HTML onsearch 事件允许在用户在可搜索输入字段中执行搜索操作时运行特定的 JavaScript 代码。
9	onselect 當元素被選中時觸發
10	onsubmit 當表單被提交時觸發

以下 HTML 鍵盤事件如下所列 −

Sr.No

Events & Description

onkeydown 當按鍵時觸發

onkeyup 當放開按鍵時觸發

以下滑鼠事件屬性如下所列 −

Sr.No	Events & Description
1	onclick 滑鼠點擊時觸發
2	ondblclick 滑鼠雙擊時觸發
3	onmousedown 滑鼠按鍵被按下時觸發
4	onmousemove 滑鼠指標移動時觸發
5	onmouseout 滑鼠指標移出元素時觸發
6	onmouseover 滑鼠指標移入元素時觸發
7	onmouseup 滑鼠按鍵被放開時觸發
8	onwheel 當滑鼠滾輪位於元素上時，HTML onwheel 事件會發生。

以下 HTML 拖曳事件如下所列 −

Sr.No	Events & Description
1	ondrag 當元素被拖曳時觸發
2	ondragend 當拖曳操作結束時觸發
3	ondragenter 當元素已被拖曳到有效的置放目標時觸發
4	ondragleave 當元素離開有效的置放目標時觸發
5	ondragover 在元素被拖动到有效放置目标时触发
6	ondragstart 在开始拖动操作时触发
7	ondrop 在拖动的元素被放置时触发
8	onscroll 在元素的滚动条被滚动时触发

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

Sr.No

Events & Description

oncopy 在用户复制了元素时触发

oncut 在用户删除（剪切）了元素时触发

onpaste 在元素被粘贴到输入区域时触发。

下面是媒体事件属性列表 −

Sr.No	Events & Description
1	ondurationchange 在媒体的长度改变时触发
2	onended 在媒体达到结尾时触发
3	onerror 错误发生时触发
4	onloadeddata 在加载媒体数据时触发
5	onloadedmetadata 在加载媒体元素的持续时间和其他媒体数据时触发
6	onloadstart 在浏览器开始加载媒体数据时触发
7	onpause 在媒体数据暂停时触发
8	onplay 在将要开始播放媒体数据时触发
9	onplaying 在开始播放媒体数据时触发
10	onprogress 在浏览器正在获取媒体数据时触发
11	onratechange 在媒体数据播放速率改变时触发
12	* onseeked * 媒体元素的 seeking 属性不再为真时触发，并且 seeking 已经结束
13	* onseeking * 媒体元素的 seeking 属性为真，并且 seeking 已经开始时触发
14	* onstalled * 获取媒体数据时出现错误时触发
15	* onsuspend * 浏览器一直在获取媒体数据，但在获取整个媒体文件之前停止时触发
16	* ontimeupdate * 媒体改变播放位置时触发
17	* onvolumechange * 媒体更改音量时触发，也包括将音量设置为“静音”时
18	* onwaiting * 媒体已停止播放，但预计会恢复时触发

按照下面列出的 misc 事件：

Sr.No

Event & Description

* ontoggle * 总的来说，toggle 表示它在所选元素中进行 hide() 和 show() 之间的切换。