学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>HTML>>事件属性>>

HTML 事件方法一览表

发布时间:2020-02-11点击:

    HTML 事件方法一览表

    HTML 4 可以 触发浏览器中的行为的,比方说当用户点击某个 HTML 链接或者元素时就会启动一段 JavaScript脚本,来执行特定的行为。如果你想学习更多关于事件属性,请访问 JavaScript 教程。

    一、窗口事件属性(Window Event Attributes)

    事件
    描述
    备注
    onafterprint
    在打印文档之后运行的事件
    HTML5新增
    onbeforeprint
    在打印文档之前运行的事件
    HTML5新增
    onbeforeonload
    在文档加载之前运行脚本
    HTML5新增
    onblur
    当窗口失去焦点时运行脚本

    onerror
    当发生错误时运行脚本
    HTML5新增
    onfcous
    当窗口获得焦点时运行脚本

    onhaschange
    当文档改变时运行脚本
    HTML5新增
    onload
    当文档加载时运行脚本

    onmessage
    当触发消息时运行脚本
    HTML5新增
    onoffline
    当文档离线时运行脚本
    HTML5新增
    ononline
    当文档上线时运行脚本
    HTML5新增
    onpagehide
    当窗口影响时运行脚本
    HTML5新增
    onpageshow
    当窗口可见时运行脚本
    HTML5新增
    onpopstate
    当窗口历史记录改变时时运行
    HTML5新增
    onredo
    当文档执行再执行操作时运行
    HTML5新增
    onresize
    当窗口调整大小时运行
    HTML5新增
    onstorage
    当存储空间中的数据发生变化时运行
    HTML5新增
    onundo
    当文档执行撤销时运行
    HTML5新增
    onunload
    当用户离开文档时运行
    HTML5新增

    二、表单事件(Form Events)

    事件
    描述
    备注
    onblur
    当元素失去焦点时运行

    onchange
    当元素改变时运行

    oncontextmenu
    当触发上下文菜单时运行
    HTML5新增
    onfocus
    当元素获得焦点时运行

    onformchange
    当表单改变时运行
    HTML5新增
    onforminput
    当表单获得用户输入时运行
    HTML5新增
    oninput
    当元素获得用户输入时运行
    HTML5新增
    oninvalid
    当元素无效时运行
    HTML5新增
    onreset
    当表单重置时运行

    onselect
    当选取元素时运行

    onsubmit
    当提交表单时运行

    三、键盘事件(Keyboard Events)

    事件
    描述
    备注
    onkeydown
    当按下按键时运行

    onkeypress
    当按下并松开按键时运行

    onkeyup
    当按键弹起时运行

    四、鼠标事件(Mouse Events)

    事件
    描述
    备注
    onclick
    单击鼠标时运行

    ondbclick
    双击鼠标时运行

    ondrag
    拖动元素时运行
    HTML5新增
    ondragend
    拖动元素结束时运行
    HTML5新增
    ondragenter
    当元素被拖动到目的地时运行
    HTML5新增
    ondragleave
    当元素离开有效拖动目标时运行
    HTML5新增
    ondragover
    元素被拖动到有效目标上方时运行
    HTML5新增
    ondragstart
    拖动操作开始时运行
    HTML5新增
    ondrop
    当被拖动元素正在被拖放时运行
    HTML5新增
    onmousedown
    按下鼠标按键时运行

    onmousemove
    当鼠标指针移动时运行

    onmouseout
    当鼠标指针离开元素时运行

    onmouseover
    当鼠标在元素上方时运行

    onmouseup
    当松开鼠标按键时运行

    onmousewheel
    单转动鼠标滚轮时运行

    onscroll
    当滚动元素的滚动条滚动时运行

    五、多媒体事件(Media Events)

    事件
    描述
    备注
    onabort
    当发生中止事件时运行

    oncanplay
    当媒介能够开始播放但可能因缓冲而需要停止时运行
    HTML5新增
    oncanplaythrough
    当媒介能够无需因缓冲而停止即可播放至结尾时运行
    HTML5新增
    ondurationonchange
    当媒介长度改变时运行
    HTML5新增
    onemptied
    当媒介资源元素突然为空时运行
    HTML5新增
    onended
    当媒介已抵达结尾时运行
    HTML5新增
    onerror
    当发生错误时运行
    HTML5新增
    onloadeddata
    当加载媒介数据时运行
    HTML5新增
    onloadedmetadata
    当媒介元素的持续时间以及其他媒介数据已加载时运行
    HTML5新增
    onloadstart
    当浏览器开始加载媒介数据时运行
    HTML5新增
    onpause
    当媒介数据暂停时运行
    HTML5新增
    onplay
    当媒介数据将要开始播放时运行
    HTML5新增
    onplaying
    当媒介数据已开始播放时运行
    HTML5新增
    onprogress
    当浏览器正在取媒介数据时运行
    HTML5新增
    onratechange
    当媒介播放速率改变时运行
    HTML5新增
    onreadystatechange
    媒介就绪状态改变时运行
    HTML5新增
    onseeked
    当媒介元素的定位属性不再为真且定位已结束时运行
    HTML5新增
    onseeking
    当媒介元素的定位属性为真且已开始时运行
    HTML5新增
    onstalled
    当取回媒介数据过程中(延迟)存在错误时运行
    HTML5新增
    onsuspend
    当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行
    HTML5新增
    ontimeupdate
    当媒介改变其播放位置时运行
    HTML5新增
    onvolumechange
    当媒介音量改变或者设置为静音时运行
    HTML5新增
    onwaiting
    当媒介已停止播放但打算继续播放时运行
    HTML5新增

    六、其他事件

    事件
    描述
    备注
    onshow
    当menu元素在上下文显示时运行
    HTML5新增
    ontoggle

    当用户打开或者关闭details元素时触发

    HTML5新增
赞一个(0)     踩一个(0)    

相关链接