个性化阅读
专注于IT技术分析

html事件参考文档 – HTML教程

上一章HTML教程请查看:html属性参考文档

当用户访问你的网站时,他们会做一些事情,比如点击各种链接,把鼠标移到文本和图像上等等,这些是我们在JavaScript和VBScript术语中称为事件的例子。

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

HTML 4.01规范定义了19个事件,但后来HTML-5又添加了许多其他事件,我们已经在下面列出了

窗口事件属性

以下事件已经在HTML的旧版本中引入,但是所有标记为HTML-5的标记都是HTML5的一部分。

事件 HTML-5 解释
onafterprint 在打印文档后触发
onbeforeprint HTML-5 在打印文档之前触发
onbeforeonload HTML-5 在文档加载之前触发
onerror HTML-5 发生错误时触发
onhaschange HTML-5 当文档更改时触发
onload 加载文档时触发
onmessage HTML-5 当消息被触发时触发
onoffline HTML-5 当文档脱机时触发
ononline HTML-5 当文档联机时触发
onpagehide HTML-5 隐藏窗口时触发
onpageshow HTML-5 当窗口可见时触发
onpopstate HTML-5 当窗口的历史记录更改时触发
onredo HTML-5 当文档执行重做时触发
onresize HTML-5 当窗口调整大小时触发
onstorage HTML-5 加载文档时触发
onundo HTML-5 当文档执行撤消操作时触发
onunload 当用户离开文档时触发

表单事件

下面的标签已经在旧版本的HTML中引入,但是所有标记为HTML-5的标签都是HTML-5的一部分。

事件 HTML-5 解释
onblur 当窗口失去焦点时触发
onchange 当元素更改时触发
oncontextmenu HTML-5 当上下文菜单被触发时触发
onfocus 当窗口获得焦点时触发
onformchange HTML-5 当窗体更改时触发
onforminput HTML-5 当表单获得用户输入时触发
oninput HTML-5 当元素获得用户输入时触发
oninvalid HTML-5 当元素无效时触发
onreset 当窗体重置时触发
onselect 当元素被选中时触发
onsubmit 提交表单时触发

键盘事件

事件 HTML-5 解释
onkeydown 当按下一个键时触发
onkeypress 按下和释放键时触发
onkeyup 释放键时触发

鼠标事件

下面的标签已经在旧版本的HTML中引入,但是所有标记为HTML-5的标签都是HTML-5的一部分。

事件 HTML-5 解释
onclick 单击鼠标时触发
ondblclick 鼠标双击时触发
ondrag HTML-5 拖动元素时触发
ondragend HTML-5 在拖动操作结束时触发
ondragenter HTML-5 将元素拖到有效的拖放目标时触发
ondragleave HTML-5 当元素离开有效的删除目标时触发
ondragover HTML-5 当元素被拖放到有效的拖放目标上时触发
ondragstart HTML-5 在拖动操作开始时触发
ondrop HTML-5 当拖放元素时触发
onmousedown 当按下鼠标按钮时触发
onmousemove 当鼠标指针移动时触发
onmouseout 当鼠标指针移出元素时触发
onmouseover 当鼠标指针移动到元素上时触发
onmouseup   当释放鼠标按钮时触发
onmousewheel HTML-5 当鼠标滚轮旋转时触发
onscroll HTML-5 当元素的滚动条正在滚动时触发

媒体事件

下面的标签已经在旧版本的HTML中引入,但是所有标记为HTML-5的标签都是HTML-5的一部分。

事件 HTML-5 解释
onabort 在中止事件上触发
oncanplay HTML-5 触发时,媒体可以开始播放,但可能必须停止缓冲
oncanplaythrough HTML-5 当媒体可以播放到最后而不需要停止进行缓冲时触发
ondurationchange HTML-5 当媒体长度改变时触发
onemptied HTML-5 当媒体资源元素突然变为空时触发。
onended HTML-5 当媒体到达结束时触发
onerror HTML-5 发生错误时触发
onloadeddata HTML-5 加载媒体数据时触发
onloadedmetadata HTML-5 当加载媒体元素的持续时间和其他媒体数据时触发
onloadstart HTML-5 当浏览器开始加载媒体数据时触发
onpause HTML-5 当媒体数据暂停时触发
onplay HTML-5 当媒体数据开始播放时触发
onplaying HTML-5 当媒体数据开始播放时触发
onprogress HTML-5 在浏览器获取媒体数据时触发
onratechange HTML-5 当媒体数据的播放速率发生变化时触发
onreadystatechange HTML-5 当就绪状态更改时触发
onseeked HTML-5 当媒体元素的查找属性不再为真且查找已结束时触发
onseeking HTML-5 当媒体元素的查找属性为真且查找已开始时触发
onstalled HTML-5 获取媒体数据出错时触发
onsuspend HTML-5 当浏览器正在获取媒体数据,但在获取整个媒体文件之前停止时触发
ontimeupdate HTML-5 当媒体改变其播放位置时触发
onvolumechange HTML-5 当媒体更改音量时触发,也可以在音量设置为“静音”时触发
onwaiting HTML-5 当媒体已停止播放,但预计将继续播放时触发
赞(0)
未经允许不得转载:srcmini » html事件参考文档 – HTML教程

评论 抢沙发

评论前必须登录!