首页 前端知识 无涯教程-HTML - 事件

无涯教程-HTML - 事件

2024-02-28 11:02:56 前端知识 前端哥 19 635 我要收藏

无涯教程可以使用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当媒体停止播放但有望恢复播放时触发

HTML - 事件 - 无涯教程网无涯教程网提供无涯教程可以使用JavaScript或VBScript编写事件处理程序,并可以指定针对这些事件采取...https://www.learnfk.com/html/html-events-reference.html

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2873.html
标签
评论
发布的文章

前端大屏适配几种方案

2024-01-29 13:01:44

JQ效果—展开和收起

2024-03-13 00:03:45

JQuery事件的基本使用

2024-03-13 00:03:39

「jQuery系列」jQuery 事件

2024-03-13 00:03:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!