HTML4在浏览器中增加了事件触发操作的功能,例如当用户单击一个元素时触发的脚本.
要想学习更多关于事件编程的知识,请访问我们的JavaScript教程
下面是可以添加到HTML元素中以定义事件操作的全局事件属性.
=HTML5中新的事件属性
window对象触发的事件(适用于<body>标签)
| 属性名 | 属性值 | 描述 |
|---|---|---|
| onafterprint | script | 文档被打印之后执行的脚本 |
| onbeforeprint | script | 文档被打印之前触发的脚本 |
| onbeforeunload | script | 当文档被关闭之前执行的脚本 |
| onerror | script | 当发生错误时执行的脚本 |
| onhashchange | script | 当URL的锚部分发生改变时执行的脚本 |
| onload | script | 页面完成加载后执行的脚本 |
| onmessage | script | 当消息触发时将运行的脚本 |
| onoffline | script | 当浏览器开始处于离线时执行的脚本 |
| ononline | script | 当浏览器开始处于在线时执行的脚本 |
| onpagehide | script | 当用户离开页面时执行的脚本 |
| onpageshow | script | 当用户转至这个页面时触发的脚本 |
| onpopstate | script | 当window对象的历史改变时执行的脚本 |
| onresize | script | 当浏览器窗口大小改变时触发的脚本 |
| onstorage | script | 当Web Storage区域更新时执行的脚本 |
| onunload | script | 页面关闭触发的脚本(或浏览器窗口关闭) |
由HTML表单里的操作触发的事件(适用于几乎所有的HTML元素,但是最常用于表单元素)
| 属性名 | 属性值 | 描述 |
|---|---|---|
| onblur | script | 元素失去光标时触发的脚本 |
| onchange | script | 当元素的值改变时触发的脚本 |
| oncontextmenu | script | 当上下文菜单触发时执行的脚本 |
| onfocus | script | 当元素获取焦点时触发 |
| oninput | script | 当元素接收用户输入时执行的脚本 |
| oninvalid | script | 当元素无效时执行的脚本 |
| onreset | script | 当表单里的重置按钮被单击时触发 |
| onsearch | script | 当用户在搜索框中录入信息时触发(用于<input="search">) |
| onselect | script | 当元素里的文本被选中时触发 |
| onsubmit | script | 当表单提交时触发 |
| 属性名 | 属性值 | 描述 |
|---|---|---|
| onkeydown | script | 当用户按下键时触发 |
| onkeypress | script | 当用户按了一个键时触发 |
| onkeyup | script | 当用户放开按下的键时触发 |
通过鼠标触发的事件,或者类似用户的操作行为
| 属性名 | 属性值 | 描述 |
|---|---|---|
| onclick | script | 当鼠标单击元素时触发 |
| ondbclick | script | 当鼠标双击元素时触发 |
| ondrag | script | 当元素被拖动时执行的脚本 |
| ondragend | script | 在拖动操作结束时执行的脚本 |
| ondragenter | script | 在将元素拖到有效目标区域时运行的脚本 |
| ondragleave | script | 当元素离开有效的拖放目标区域时运行的脚本 |
| ondragover | script | 在有效的拖放目标区域上拖放元素时运行的脚本 |
| ondragstart | script | 拖动操作开始时运行的脚本 |
| ondrop | script | 当拖动的元素放下时运行的脚本 |
| onmousedown | script | 当鼠标按钮在元素上按下时触发 |
| onmouseover | script | 当鼠标指针在元素上移动时触发 |
| onmouseup | script | 当在元素上释放鼠标按钮时触发 |
| onmousewheel | script | 不建议使用.用onwheel属性代替 |
| onscroll | script | 当元素的滚动条滚动时执行的脚本 |
| onwheel | script | 当鼠标轮在元素上下滚动时触发 |
| 属性名 | 属性值 | 描述 |
|---|---|---|
| oncopy | script | 当用户复制元素的内容时触发 |
| oncut | script | 当用户剪贴元素的内容时触发 |
| onpaste | script | 当用户粘贴一些内容到元素上时触发 |
由视频、图像和音频等其他触发的事件(适用于所有的HTML元素,但是最常用于媒体元素,像<audio>,<embed>,<img>,<object>和<video>)
Tip:看我们的HTML 视频和音频参考来了解更多信息
| 属性名 | 属性值 | 描述 |
|---|---|---|
| onabort | script | 在图像加载被中断时触发 |
| oncanplay | script | 文件准备播放时执行的脚本(当缓存到足够播放时) |
| oncanplaythrough | script | 当文件可以一直播放到结尾不需要暂停缓存执行的脚本 |
| oncuechange | script | 当<track>元素里的提示信息改变时执行的脚本 |
| ondurationchange | script | 媒体长度更改时执行的脚本 |
| onemptied | script | 当发生了某些错误或文件突然不可用(像意外断开了连接)执行的脚本 |
| onended | script | 当媒体到达了末尾执行的脚本(像有用的事件信息"谢谢收听") |
| onerror | script | 当文件加载过程中出现了错误执行的脚本 |
| onloadeddata | script | 当媒体数据加载完了后执行的脚本 |
| onloadedmetadata | script | 当元数据(像尺寸和持续时间)加载完了后执行的脚本 |
| onloadstart | script | 开始加载文件时执行的脚本 |
| onpause | script | 当媒体暂停(用户的操作或程序的操作)时执行的脚本 |
| onplay | script | 当媒体准备开始播放时执行的脚本 |
| onplaying | script | 当媒体确实已经开始播放了执行的脚本 |
| onprogress | script | 当浏览器正在处理获取媒体数据时执行的脚本 |
| onratechange | script | 每次播放速率更改时运行的脚本(就像用户切换到慢动作或快进模式时一样.) |
| onseeked | script | 当查找(seeking)属性设置为false时运行的脚本,指示查找已结束 |
| onseeking | script | 当查找(seeking)属性设置为true时运行的脚本,指示查找是激活的. |
| onstalled | script | 当浏览器由于任何原因无法获取媒体数据时执行的脚本 |
| onsuspend | script | 在媒体数据因任何原因完全加载之前停止时执行的脚本. |
| ontimeupdate | script | 播放位置改变时执行的脚本(就像用户快进到不同的播放点) |
| onvolumechange | script | 每次音量改变时执行的脚本(包括设置volume为"mute") |
| onwaiting | script | 当媒体正在缓存而停止了播放时执行的脚本 |
| 属性名 | 属性值 | 描述 |
|---|---|---|
| onerror | script | 当加载外部文件发生错误时触发 |
| onshow | script | 当<menu>元素作为上下文菜单显示时触发 |
| ontoggle | script | 当用户打开或关闭<details>元素时触发 |
评论区