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

HTML 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() 之间切换。