一、HTML4增加了使事件在浏览器触发动作的能力,比如用户点击元素之后启动javascript。
二、window事件属性
1、onafterprint 5
在设置页面打印且打印对话框已经出现后,执行一段javascript。
<body οnafterprint="printmsg()">
只有IE和火狐支持。
在IE中是在打印对话框出现之前执行。
onafterprint经常与onbeforeprint一起使用。
2、onbeforeprint 5
在设置页面打印之后但是在打印对话框出现之前执行javascript
只有IE和火狐支持。
onbeforeprint属性是在用户已经设置页面打印之后立即触发,但是在打印对话框之前。
3、onbeforeunload 5
文档卸载之前运行脚本
4、onerror 5
当错误发生时运行的脚本
5、onload
页面结束加载之后触发
页面加载之后立即执行一段javascript。
所有主流浏览器都支持
6、onmessage 5
当消息被触发时运行的脚本
7、onoffline 5
当文档离线时运行脚本
8、ononline 5
当文档上线时运行脚本
9、onpagehide 5
当窗口隐藏时运行脚本
10、onpageshow 5
当窗口可见时运行的脚本
11、onpopostate 5
当窗口历史记录改变时运行脚本
12、onredo 5
当文本执行撤销时运行的脚本
13、onresize 5
当浏览器窗口被调整大小时触发
所有浏览器都支持
14、onstorage 5
当web storage区域更新后运行的脚本
15、onundo 5
在文档执行undo时运行的脚本
16、onunload
会在页面下载时触发(或者浏览器窗口以关闭)
会在从页面导航离开时发生(通过点击链接、提交表单或者关闭浏览器窗口等)
如果你重载的话也会触发改时间。
二、Form事件
由HTML表单内的动作触发的事件(应用到几乎所有HTML元素,但最常用在form元素中)
1、onblur
元素失去焦点时触发
常用于表单验证代码
所有主流浏览器都支持
<element οnblur="script">
2、onchage
在元素改变时触发
该属性适用于<input>,<textrea>以及<select>元素
3、oncontextmenu 5
当上下文菜单被触发时运行的脚本
4、onfocus
当元素获得焦点时触发
该属性常适用于<input>,<select>以及<a>
不适用于<base>,<dbo>,<br>,<head>,<html>,<iframe>,<meta>,<param>,<script>,<style>或<title>
5、onformchange 5
当表单改变时运行的脚本
6、onforminput 5
当表单获得用户输入时执行的脚本
7、oninput 5
当元素获得用户输入时运行的脚本
8、oninvaild 5
当元素无效时运行的程序
9、onreset
当表单的重置按钮被点击触发时,HTML5中不支持。
10、onselect
在文本被选中时触发
可用于<input type = "file"> <input type = ''password''/text>以及<textrea>
所有主流浏览器都支持
11、onsubmit
在提交表单时触发,并且只能在form中使用
三、keyboard事件
1、onKeydown事件
用户按下按键时触发
2、onKeypress
用户敲击按钮时触发
3、onkeyup
用户释放按钮时触发
四、Mouse事件
由鼠标或者类似用户动作触发的事件
1、onclick
元素上发生点击鼠标点击时触发
所有主流浏览器都支持
onclick属性不适用于已下元素<base>,<bdo>,<br>,<head>,<html>,<iframe>,<meta>,<param>,<script>,<style>或<title>
2、ondblick
双击鼠标时触发
同上
同上
3、ondrag 5
元素被拖动时触发的事件
4、ondragend 5
在拖动操作末端运行的脚本
5、ondragenter 5
当元素已被拖动到有效区域时执行的脚本
6、ondragleave 5
当元素离开有效拖动目标时运行的脚本
7、ondragover 5
当元素在有效拖放目标上正在被拖动时运行的脚本
8、ondragstart 5
在拖动操作开端运行的脚本
9、ondrop 5
当被拖元素正在被拖放时运行的脚本
10、onmousedown
鼠标按钮在元素上按下时触发
事件次序:左/中键
onmousedown、onmouseup、onclick
事件次序:右键
onmousedown、onmouseup、oncontextmenu
所有主流浏览器都支持
不适用于同上
11、onmousemove
当鼠标指针移动到元素上时触发
所有浏览器都支持
不适用于同上
12、onmouseout
当鼠标指针移除元素时触发
所有主流浏览器都支持
不适用于同上
13、onmouseover
和onmousemove基本一样,不同在于onmousemove每次移动都会调用一次,而onmouseover只有进来第一次调用
14、onmouseup
在元素上释放按钮时触发
事件次序:左/中键
onmousedown、onmouseup、onclick
事件次序:右键
onmousedown、onmouseup、oncontextmenu
所有主流浏览器都支持
不适用同上
15、onmousewheel 5
在鼠标滚轮正在滚动时运行的脚本
16、onscroll 5
当元素滚动条被滚动时运行的脚本
四、Media
由媒介(比如视频、图像和音频)触发的事件,适用于所有HTML文件,但常见于媒介中。
1、onabort
在退出时运行的脚本
2、oncanplay 5
当文件就绪时可以开始播放时运行的脚本(缓冲足够开始时)
3、 oncanplaythrough 5
当媒介能够无需缓冲播放至结束时运行的脚本
4、ondurationchange 5
当媒介长度改变时运行的脚本
5、onempited 5
当发生故障并且文件突然不可用时运行的脚本
6、opened 5
当媒介已经到达结尾时运行的脚本
7、onerror 5
当媒介数据已加载时运行的脚本
8、onloadeddata 5
当媒介数据已加载时运行的脚本
9、onloadstart 5
当文件开始加载且未实际加载任何数据前运行的脚本
10、onpause 5
当媒介被用户或程序暂停时运行的脚本
11、onplay 5
当媒介就绪已经可以播放时运行的脚本
12、onplaying 5
当媒介已经开始播放运行时的脚本
13、onprogress 5
当浏览器正在获取媒介数据时运行的脚本
14、onratechange 5
每当回放速率改变时运行的脚本
15、onreadystatechange 5
每当就绪状态改变时运行的脚本
16、onseeked 5
当seeking属性设置为false(指示定位已经结束)时运行的脚本
17、onseeking 5
每当seeking属性设置为true(指示定位是活动的)时运行的脚本
18、onstalled 5
当浏览器未能取回媒介时运行的脚本
19、onsupend 5
在媒介完全加载之前不论何种原因终止取回媒介数据时运行的脚本
20、ontimeupdate 5
当播放位置改变时运行的脚本
21、onvolumechange 5
每当音量改变时运行的脚本
22、onwaiting
当媒介已停止播放但打算继续播放时(比如当媒介暂停已缓冲各种数据)运行脚本