您的位置:首页 > Web前端 > HTML

HTML 事件属性

2015-12-26 00:00 260 查看

全局事件属性

HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript。
如果你想学习更多关于事件属性,请访问 JavaScript 教程
下面的表格提供了标准的事件属性,可以把它们插入 HTML/XHTML 元素中,以定义事件行为。
New : HTML5新增属性事件。

窗口事件属性(Window Event Attributes)

由窗口触发该事件 (适用于 <body> 标签):
onafterprintNew在打印文档之后运行脚本
onbeforeprintNew在文档打印之前运行脚本
onbeforeonloadNew在文档加载之前运行脚本
onblur当窗口失去焦点时运行脚本
onerrorNew当错误发生时运行脚本
onfocus当窗口获得焦点时运行脚本
onhaschangeNew当文档改变时运行脚本
onload当文档加载时运行脚本
onmessageNew当触发消息时运行脚本
onofflineNew当文档离线时运行脚本
ononlineNew当文档上线时运行脚本
onpagehideNew当窗口隐藏时运行脚本
onpageshowNew当窗口可见时运行脚本
onpopstateNew当窗口历史记录改变时运行脚本
onredoNew当文档执行再执行操作(redo)时运行脚本
onresizeNew当调整窗口大小时运行脚本
onstorageNew当 Web Storage 区域更新时(存储空间中的数据发生变化时)运行脚本
onundoNew当文档执行撤销时运行脚本
onunloadNew当用户离开文档时运行脚本

表单事件(Form Events)

表单事件在HTML表单中触发 (适用于所有 HTML 元素, 但该HTML元素需在form表单内):
onblur当元素失去焦点时运行脚本
onchange当元素改变时运行脚本
oncontextmenuNew当触发上下文菜单时运行脚本
onfocus当元素获得焦点时运行脚本
onformchange当表单改变时运行脚本
onforminputNew当表单获得用户输入时运行脚本
oninputNew当元素获得用户输入时运行脚本
oninvalidNew当元素无效时运行脚本
onreset当表单重置时运行脚本。HTML 5 不支持。
onselect当选取元素时运行脚本
onsubmit当提交表单时运行脚本

键盘事件(Keyboard Events)

onkeydown当按下按键时运行脚本
onkeypress当按下并松开按键时运行脚本
onkeyup当松开按键时运行脚本

鼠标事件(Mouse Events)

通过鼠标触发事件, 类似用户的行为:
onclick当单击鼠标时运行脚本
ondblclick当双击鼠标时运行脚本
ondragNew当拖动元素时运行脚本
ondragendNew当拖动操作结束时运行脚本
ondragenterNew当元素被拖动至有效的拖放目标时运行脚本
ondragleaveNew当元素离开有效拖放目标时运行脚本
ondragoverNew当元素被拖动至有效拖放目标上方时运行脚本
ondragstartNew当拖动操作开始时运行脚本
ondropNew当被拖动元素正在被拖放时运行脚本
onmousedown当按下鼠标按钮时运行脚本
onmousemove当鼠标指针移动时运行脚本
onmouseout当鼠标指针移出元素时运行脚本
onmouseover当鼠标指针移至元素之上时运行脚本
onmouseup当松开鼠标按钮时运行脚本
onmousewheelNew当转动鼠标滚轮时运行脚本
onscrollNew当滚动元素的滚动条时运行脚本

多媒体事件(Media Events)

通过视频(videos),图像(images)或者音频(audio) 触发该事件,多应用于HTML媒体元素比如 <audio>, <embed>, <img>, <object>, 和<video>):
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: