当用户访问您的网站时,他们会做一些事情,例如单击各种链接,将鼠标悬停在文本和图像上等。这些是我们在 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() 之间切换。 |