HTML5事件属性

发表于2015-05-21 20:59:32| --次阅读| 来源webkfa| 作者小五

摘要：HTML 4 增加了使事件在浏览器中触发动作的能力，比如当用户点击元素时启动 JavaScript

Window 事件属性
针对 window 对象触发的事件（应用到标签）：

		js代码
	

//文档打印之后运行的脚本-html5新事件
onafterprint

//文档打印之前运行的脚本-html5新事件
onbeforeprint

//文档卸载之前运行的脚本-html5新事件
onbeforeunload

//在错误发生时运行的脚本-html5新事件
onerror

//当文档已改变时运行的脚本-html5新事件
onhaschange

//页面结束加载之后触发。
onload

//在消息被触发时运行的脚本-html5新事件
onmessage

//当文档离线时运行的脚本-html5新事件
onoffline

//当文档上线时运行的脚本-html5新事件
ononline

//当窗口隐藏时运行的脚本-html5新事件
onpagehide

//当窗口成为可见时运行的脚本-html5新事件
onpageshow

//当窗口历史记录改变时运行的脚本-html5新事件
onpopstate

//当文档执行撤销（redo）时运行的脚本-html5新事件
onredo

//当浏览器窗口被调整大小时触发-html5新事件
onresize

//在 Web Storage 区域更新后运行的脚本-html5新事件
onstorage

//在文档执行 undo 时运行的脚本-html5新事件
onundo

//一旦页面已下载时触发（或者浏览器窗口已被关闭）
onunload

Form 事件
由 HTML 表单内的动作触发的事件（应用到几乎所有 HTML 元素，但最常用在 form 元素中）：

		js代码
	

//元素失去焦点时运行的脚本
onblur

//在元素值被改变时运行的脚本
onchange

//当上下文菜单被触发时运行的脚本-html5新事件
oncontextmenu

//当元素失去焦点时运行的脚本
onfocus

//在表单改变时运行的脚本-html5新事件
onformchange

//当表单获得用户输入时运行的脚本-html5新事件
onforminput

//当元素获得用户输入时运行的脚本-html5新事件
oninput

//当元素无效时运行的脚本-html5新事件
oninvalid

//当表单中的重置按钮被点击时触发。HTML5 中不支持
onreset

//在元素中文本被选中后触发
onselect

//在提交表单时触发。
onsubmit

Keyboard 事件

		js代码
	

//在用户按下按键时触发
onkeydown

//在用户敲击按钮时触发。
onkeypress

//当用户释放按键时触发。
onkeyup

Mouse 事件
由鼠标或类似用户动作触发的事件：
//元素上发生鼠标点击时触发
onclick

//元素上发生鼠标双击时触发
ondblclick

//元素被拖动时运行的脚本-html5新事件
ondrag

//在拖动操作末端运行的脚本-html5新事件
ondragend

//当元素元素已被拖动到有效拖放区域时运行的脚本-html5新事件
ondragenter

//当元素离开有效拖放目标时运行的脚本-html5新事件
ondragleave

//当元素在有效拖放目标上正在被拖动时运行的脚本-html5新事件
ondragover

//在拖动操作开端运行的脚本-html5新事件
ondragstart

//当被拖元素正在被拖放时运行的脚本-html5新事件
ondrop

//当元素上按下鼠标按钮时触发
onmousedown

//当鼠标指针移动到元素上时触发
onmousemove

//当鼠标指针移出元素时触发
onmouseout

//当鼠标指针移动到元素上时触发
onmouseover

//当在元素上释放鼠标按钮时触发
onmouseup

//当鼠标滚轮正在被滚动时运行的脚本-html5新事件
onmousewheel

//当元素滚动条被滚动时运行的脚本-html5新事件
onscroll

Media 事件

由媒介（比如视频、图像和音频）触发的事件（适用于所有 HTML 元素，但常见于媒介元素中，比如

			js代码
		

//在退出时运行的脚本。
onabort

//当文件就绪可以开始播放时运行的脚本（缓冲已足够开始时）。
oncanplay

//当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本。
oncanplaythrough

//当媒介长度改变时运行的脚本。
ondurationchange

//当发生故障并且文件突然不可用时运行的脚本（比如连接意外断开时）。
onemptied

//当媒介已到达结尾时运行的脚本（可发送类似“感谢观看”之类的消息）。
onended

//当在文件加载期间发生错误时运行的脚本。
onerror

//当媒介数据已加载时运行的脚本。
onloadeddata

//当元数据（比如分辨率和时长）被加载时运行的脚本。
onloadedmetadata

//在文件开始加载且未实际加载任何数据前运行的脚本。
onloadstart

//当媒介被用户或程序暂停时运行的脚本。
onpause

//当媒介已就绪可以开始播放时运行的脚本。
onplay

//当媒介已开始播放时运行的脚本。
onplaying

//当浏览器正在获取媒介数据时运行的脚本。
onprogress

//每当回放速率改变时运行的脚本（比如当用户切换到慢动作或快进模式）。
onratechange

//每当就绪状态改变时运行的脚本（就绪状态监测媒介数据的状态）。
onreadystatechange

//当 seeking 属性设置为 false（指示定位已结束）时运行的脚本。
onseeked

//当 seeking 属性设置为 true（指示定位是活动的）时运行的脚本。
onseeking

//在浏览器不论何种原因未能取回媒介数据时运行的脚本。
onstalled

//在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本。
onsuspend

//当播放位置改变时（比如当用户快进到媒介中一个不同的位置时）运行的脚本。
ontimeupdate

//每当音量改变时（包括将音量设置为静音）时运行的脚本。
onvolumechange

//当媒介已停止播放但打算继续播放时（比如当媒介暂停已缓冲更多数据）运行脚本
onwaiting

HTML5事件属性

发表于2015-05-21 20:59:32| --次阅读| 来源webkfa| 作者小五

相关文章

html5标题快速浏览33

相关文章