HTML5事件属性

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

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

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

		js代码
	

01//文档打印之后运行的脚本-html5新事件
02onafterprint
03 
04//文档打印之前运行的脚本-html5新事件
05onbeforeprint
06 
07//文档卸载之前运行的脚本-html5新事件
08onbeforeunload
09 
10//在错误发生时运行的脚本-html5新事件
11onerror
12 
13//当文档已改变时运行的脚本-html5新事件
14onhaschange
15 
16//页面结束加载之后触发。
17onload
18 
19//在消息被触发时运行的脚本-html5新事件
20onmessage
21 
22//当文档离线时运行的脚本-html5新事件
23onoffline
24 
25//当文档上线时运行的脚本-html5新事件
26ononline
27 
28//当窗口隐藏时运行的脚本-html5新事件
29onpagehide
30 
31//当窗口成为可见时运行的脚本-html5新事件
32onpageshow
33 
34//当窗口历史记录改变时运行的脚本-html5新事件
35onpopstate
36 
37//当文档执行撤销（redo）时运行的脚本-html5新事件
38onredo
39 
40//当浏览器窗口被调整大小时触发-html5新事件
41onresize
42 
43//在 Web Storage 区域更新后运行的脚本-html5新事件
44onstorage
45 
46//在文档执行 undo 时运行的脚本-html5新事件
47onundo
48 
49//一旦页面已下载时触发（或者浏览器窗口已被关闭）
50onunload

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

		js代码
	

01//元素失去焦点时运行的脚本
02onblur
03 
04//在元素值被改变时运行的脚本
05onchange
06 
07//当上下文菜单被触发时运行的脚本-html5新事件
08oncontextmenu
09 
10//当元素失去焦点时运行的脚本
11onfocus
12 
13//在表单改变时运行的脚本-html5新事件
14onformchange
15 
16//当表单获得用户输入时运行的脚本-html5新事件
17onforminput
18 
19//当元素获得用户输入时运行的脚本-html5新事件
20oninput
21 
22//当元素无效时运行的脚本-html5新事件
23oninvalid
24 
25//当表单中的重置按钮被点击时触发。HTML5 中不支持
26onreset
27 
28//在元素中文本被选中后触发
29onselect
30 
31//在提交表单时触发。
32onsubmit

Keyboard 事件

		js代码
	

01//在用户按下按键时触发
02onkeydown
03 
04//在用户敲击按钮时触发。
05onkeypress
06 
07//当用户释放按键时触发。
08onkeyup
09 
10Mouse 事件
11由鼠标或类似用户动作触发的事件：
12//元素上发生鼠标点击时触发
13onclick
14 
15//元素上发生鼠标双击时触发
16ondblclick
17 
18//元素被拖动时运行的脚本-html5新事件
19ondrag
20 
21//在拖动操作末端运行的脚本-html5新事件
22ondragend
23 
24//当元素元素已被拖动到有效拖放区域时运行的脚本-html5新事件
25ondragenter
26 
27//当元素离开有效拖放目标时运行的脚本-html5新事件
28ondragleave
29 
30//当元素在有效拖放目标上正在被拖动时运行的脚本-html5新事件
31ondragover
32 
33//在拖动操作开端运行的脚本-html5新事件
34ondragstart
35 
36//当被拖元素正在被拖放时运行的脚本-html5新事件
37ondrop
38 
39//当元素上按下鼠标按钮时触发
40onmousedown
41 
42//当鼠标指针移动到元素上时触发
43onmousemove
44 
45//当鼠标指针移出元素时触发
46onmouseout
47 
48//当鼠标指针移动到元素上时触发
49onmouseover
50 
51//当在元素上释放鼠标按钮时触发
52onmouseup
53 
54//当鼠标滚轮正在被滚动时运行的脚本-html5新事件
55onmousewheel
56 
57//当元素滚动条被滚动时运行的脚本-html5新事件
58onscroll

Media 事件

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

			js代码
		

01//在退出时运行的脚本。
02onabort
03 
04//当文件就绪可以开始播放时运行的脚本（缓冲已足够开始时）。
05oncanplay
06 
07//当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本。
08oncanplaythrough
09 
10//当媒介长度改变时运行的脚本。
11ondurationchange
12 
13//当发生故障并且文件突然不可用时运行的脚本（比如连接意外断开时）。
14onemptied
15 
16//当媒介已到达结尾时运行的脚本（可发送类似“感谢观看”之类的消息）。
17onended
18 
19//当在文件加载期间发生错误时运行的脚本。
20onerror
21 
22//当媒介数据已加载时运行的脚本。
23onloadeddata
24 
25//当元数据（比如分辨率和时长）被加载时运行的脚本。
26onloadedmetadata
27 
28//在文件开始加载且未实际加载任何数据前运行的脚本。
29onloadstart
30 
31//当媒介被用户或程序暂停时运行的脚本。
32onpause
33 
34//当媒介已就绪可以开始播放时运行的脚本。
35onplay
36 
37//当媒介已开始播放时运行的脚本。
38onplaying
39 
40//当浏览器正在获取媒介数据时运行的脚本。
41onprogress
42 
43//每当回放速率改变时运行的脚本（比如当用户切换到慢动作或快进模式）。
44onratechange
45 
46//每当就绪状态改变时运行的脚本（就绪状态监测媒介数据的状态）。
47onreadystatechange
48 
49//当 seeking 属性设置为 false（指示定位已结束）时运行的脚本。
50onseeked
51 
52//当 seeking 属性设置为 true（指示定位是活动的）时运行的脚本。
53onseeking
54 
55//在浏览器不论何种原因未能取回媒介数据时运行的脚本。
56onstalled
57 
58//在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本。
59onsuspend
60 
61//当播放位置改变时（比如当用户快进到媒介中一个不同的位置时）运行的脚本。
62ontimeupdate
63 
64//每当音量改变时（包括将音量设置为静音）时运行的脚本。
65onvolumechange
66 
67//当媒介已停止播放但打算继续播放时（比如当媒介暂停已缓冲更多数据）运行脚本
68onwaiting

HTML5事件属性

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

相关文章

html5标题快速浏览33

相关文章