• 技术文章 >web前端 >html教程

    HTML有哪些事件属性?

    青灯夜游青灯夜游2020-11-20 14:02:29原创93

    html事件属性有:onblur、onerror、onfocus、onsubmit、onkeydown、onkeypress、onclick、ondblclick、onmousedown、onmousemove、onmouseout等等。

    HTML事件属性

    Window 事件属性

    针对 window 对象触发的事件。

    适用于 <body> 标签:

    属性描述
    onafterprintscript在打印文档之后运行脚本
    onbeforeprintscript在文档打印之前运行脚本
    onbeforeonloadscript在文档加载之前运行脚本
    onblurscript当窗口失去焦点时运行脚本
    onerrorscript当错误发生时运行脚本
    onfocusscript当窗口获得焦点时运行脚本
    onhaschangescript当文档改变时运行脚本
    onloadscript当文档加载时运行脚本
    onmessagescript当触发消息时运行脚本
    onofflinescript当文档离线时运行脚本
    ononlinescript当文档上线时运行脚本
    onpagehidescript当窗口隐藏时运行脚本
    onpageshowscript当窗口可见时运行脚本
    onpopstatescript当窗口历史记录改变时运行脚本
    onredoscript当文档执行再执行操作(redo)时运行脚本
    onresizescript当调整窗口大小时运行脚本
    onstoragescript当 Web Storage 区域更新时(存储空间中的数据发生变化时)运行脚本
    onundoscript当文档执行撤销时运行脚本
    onunloadscript当用户离开文档时运行脚本

    表单事件

    由 HTML 表单内部的动作触发的事件。

    适用于所有 HTML 5 元素,不过最常用于表单元素中:

    属性描述
    onblurscript当元素失去焦点时运行脚本
    onchangescript当元素改变时运行脚本
    oncontextmenuscript当触发上下文菜单时运行脚本
    onfocusscript当元素获得焦点时运行脚本
    onformchangescript当表单改变时运行脚本
    onforminputscript当表单获得用户输入时运行脚本
    oninputscript当元素获得用户输入时运行脚本
    oninvalidscript当元素无效时运行脚本
    onresetscript当表单重置时运行脚本。HTML 5 不支持。
    onselectscript当选取元素时运行脚本
    onsubmitscript当提交表单时运行脚本

    键盘事件

    由键盘触发的事件。

    适用于所有 HTML 5 元素:

    属性描述
    onkeydownscript当按下按键时运行脚本
    onkeypressscript当按下并松开按键时运行脚本
    onkeyupscript当松开按键时运行脚本

    鼠标事件

    由鼠标或相似的用户动作触发的事件。

    适用于所有 HTML 5 元素:

    属性描述
    onclickscript当单击鼠标时运行脚本
    ondblclickscript当双击鼠标时运行脚本
    ondragscript当拖动元素时运行脚本
    ondragendscript当拖动操作结束时运行脚本
    ondragenterscript当元素被拖动至有效的拖放目标时运行脚本
    ondragleavescript当元素离开有效拖放目标时运行脚本
    ondragoverscript当元素被拖动至有效拖放目标上方时运行脚本
    ondragstartscript当拖动操作开始时运行脚本
    ondropscript当被拖动元素正在被拖放时运行脚本
    onmousedownscript当按下鼠标按钮时运行脚本
    onmousemovescript当鼠标指针移动时运行脚本
    onmouseoutscript当鼠标指针移出元素时运行脚本
    onmouseoverscript当鼠标指针移至元素之上时运行脚本
    onmouseupscript当松开鼠标按钮时运行脚本
    onmousewheelscript当转动鼠标滚轮时运行脚本
    onscrollscript当滚动元素的滚动条时运行脚本

    多媒体事件

    由视频、图像以及音频等媒介触发的事件。

    适用于所有 HTML 5 元素,不过在媒介元素(诸如 audio、embed、img、object 以及 video)中最常用:

    属性描述
    onabortscript当发生中止事件时运行脚本
    oncanplayscript当媒介能够开始播放但可能因缓冲而需要停止时运行脚本
    oncanplaythroughscript当媒介能够无需因缓冲而停止即可播放至结尾时运行脚本
    ondurationchangescript当媒介长度改变时运行脚本
    onemptiedscript当媒介资源元素突然为空时(网络错误、加载错误等)运行脚本
    onendedscript当媒介已抵达结尾时运行脚本
    onerrorscript当在元素加载期间发生错误时运行脚本
    onloadeddatascript当加载媒介数据时运行脚本
    onloadedmetadatascript当媒介元素的持续时间以及其他媒介数据已加载时运行脚本
    onloadstartscript当浏览器开始加载媒介数据时运行脚本
    onpausescript当媒介数据暂停时运行脚本
    onplayscript当媒介数据将要开始播放时运行脚本
    onplayingscript当媒介数据已开始播放时运行脚本
    onprogressscript当浏览器正在取媒介数据时运行脚本
    onratechangescript当媒介数据的播放速率改变时运行脚本
    onreadystatechangescript当就绪状态(ready-state)改变时运行脚本
    onseekedscript当媒介元素的定位属性 [1] 不再为真且定位已结束时运行脚本
    onseekingscript当媒介元素的定位属性为真且定位已开始时运行脚本
    onstalledscript当取回媒介数据过程中(延迟)存在错误时运行脚本
    onsuspendscript当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行脚本
    ontimeupdatescript当媒介改变其播放位置时运行脚本
    onvolumechangescript当媒介改变音量亦或当音量被设置为静音时运行脚本
    onwaitingscript当媒介已停止播放但打算继续播放时运行脚本

    其他事件

    属性描述
    onshowscript当 <menu> 元素在上下文显示时触发
    ontogglescript当用户打开或关闭 <details> 元素时触发

    更多编程相关知识,请访问:编程课程!!

    以上就是HTML有哪些事件属性?的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:html 事件属性
    上一篇:浅谈HTML img标签中的srcset属性 下一篇:了解浏览器渲染网页的每个步骤机制!
    第14期线上培训班

    相关文章推荐

    • jquery html()方法怎么用• html中的ul标签的作用是什么• jquery怎么输出html代码• HTML5新增了哪些标签?• 浅谈HTML img标签中的srcset属性

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网