HTML - 事件介绍 首页HTMLHTML - 事件

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

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

事件属性

在旧版HTML中引入了以下事件,但所有标有 HTML-5的标签都是HTML的一部分-5。

事件 HTML-5说明
onafterprint  HTML-5打印文档后触发
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触发context菜单时触发
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当媒体元素的搜寻属性为true且搜寻已开始时触发
onstalled  HTML-5在获取媒体数据时出现错误时触发
onsuspend  HTML-5在浏览器已获取媒体数据但在获取整个媒体文件之前已停止
ontimeupdate  HTML-5当媒体更改其播放位置时触发
onvolumechange  HTML-5在媒体更改音量时触发,也在音量设置为"静音"时触发
onwaiting  HTML-5当媒体停止播放但有望恢复播放时触发

这一章你学到了什么?做个笔记,好记忆不如烂笔头! 请将遇到的问题写入评论区中,大家一起进步。

祝学习愉快! (右键可编辑)

点我分享笔记