上一章HTML教程请查看:html属性参考文档
当用户访问你的网站时,他们会做一些事情,比如点击各种链接,把鼠标移到文本和图像上等等,这些是我们在JavaScript和VBScript术语中称为事件的例子。
我们可以使用JavaScript或VBScript编写事件处理程序,并可以指定针对这些事件采取的一些操作。虽然这些是事件,但是它们将被指定为HTML标记的属性。
HTML 4.01规范定义了19个事件,但后来HTML-5又添加了许多其他事件,我们已经在下面列出了
窗口事件属性
以下事件已经在HTML的旧版本中引入,但是所有标记为HTML-5的标记都是HTML5的一部分。
事件 | HTML-5 | 解释 |
onafterprint | 在打印文档后触发 | |
onbeforeprint | HTML-5 | 在打印文档之前触发 |
onbeforeonload | HTML-5 | 在文档加载之前触发 |
onerror | HTML-5 | 发生错误时触发 |
onhaschange | HTML-5 | 当文档更改时触发 |
onload | 加载文档时触发 | |
onmessage | HTML-5 | 当消息被触发时触发 |
onoffline | HTML-5 | 当文档脱机时触发 |
ononline | HTML-5 | 当文档联机时触发 |
onpagehide | HTML-5 | 隐藏窗口时触发 |
onpageshow | HTML-5 | 当窗口可见时触发 |
onpopstate | HTML-5 | 当窗口的历史记录更改时触发 |
onredo | HTML-5 | 当文档执行重做时触发 |
onresize | HTML-5 | 当窗口调整大小时触发 |
onstorage | HTML-5 | 加载文档时触发 |
onundo | HTML-5 | 当文档执行撤消操作时触发 |
onunload | 当用户离开文档时触发 |
表单事件
下面的标签已经在旧版本的HTML中引入,但是所有标记为HTML-5的标签都是HTML-5的一部分。
事件 | HTML-5 | 解释 |
onblur | 当窗口失去焦点时触发 | |
onchange | 当元素更改时触发 | |
oncontextmenu | HTML-5 | 当上下文菜单被触发时触发 |
onfocus | 当窗口获得焦点时触发 | |
onformchange | HTML-5 | 当窗体更改时触发 |
onforminput | HTML-5 | 当表单获得用户输入时触发 |
oninput | HTML-5 | 当元素获得用户输入时触发 |
oninvalid | HTML-5 | 当元素无效时触发 |
onreset | 当窗体重置时触发 | |
onselect | 当元素被选中时触发 | |
onsubmit | 提交表单时触发 |
键盘事件
事件 | HTML-5 | 解释 |
onkeydown | 当按下一个键时触发 | |
onkeypress | 按下和释放键时触发 | |
onkeyup | 释放键时触发 |
鼠标事件
下面的标签已经在旧版本的HTML中引入,但是所有标记为HTML-5的标签都是HTML-5的一部分。
事件 | HTML-5 | 解释 |
onclick | 单击鼠标时触发 | |
ondblclick | 鼠标双击时触发 | |
ondrag | HTML-5 | 拖动元素时触发 |
ondragend | HTML-5 | 在拖动操作结束时触发 |
ondragenter | HTML-5 | 将元素拖到有效的拖放目标时触发 |
ondragleave | HTML-5 | 当元素离开有效的删除目标时触发 |
ondragover | HTML-5 | 当元素被拖放到有效的拖放目标上时触发 |
ondragstart | HTML-5 | 在拖动操作开始时触发 |
ondrop | HTML-5 | 当拖放元素时触发 |
onmousedown | 当按下鼠标按钮时触发 | |
onmousemove | 当鼠标指针移动时触发 | |
onmouseout | 当鼠标指针移出元素时触发 | |
onmouseover | 当鼠标指针移动到元素上时触发 | |
onmouseup | 当释放鼠标按钮时触发 | |
onmousewheel | HTML-5 | 当鼠标滚轮旋转时触发 |
onscroll | HTML-5 | 当元素的滚动条正在滚动时触发 |
媒体事件
下面的标签已经在旧版本的HTML中引入,但是所有标记为HTML-5的标签都是HTML-5的一部分。
事件 | HTML-5 | 解释 |
onabort | 在中止事件上触发 | |
oncanplay | HTML-5 | 触发时,媒体可以开始播放,但可能必须停止缓冲 |
oncanplaythrough | HTML-5 | 当媒体可以播放到最后而不需要停止进行缓冲时触发 |
ondurationchange | HTML-5 | 当媒体长度改变时触发 |
onemptied | HTML-5 | 当媒体资源元素突然变为空时触发。 |
onended | HTML-5 | 当媒体到达结束时触发 |
onerror | HTML-5 | 发生错误时触发 |
onloadeddata | HTML-5 | 加载媒体数据时触发 |
onloadedmetadata | HTML-5 | 当加载媒体元素的持续时间和其他媒体数据时触发 |
onloadstart | HTML-5 | 当浏览器开始加载媒体数据时触发 |
onpause | HTML-5 | 当媒体数据暂停时触发 |
onplay | HTML-5 | 当媒体数据开始播放时触发 |
onplaying | HTML-5 | 当媒体数据开始播放时触发 |
onprogress | HTML-5 | 在浏览器获取媒体数据时触发 |
onratechange | HTML-5 | 当媒体数据的播放速率发生变化时触发 |
onreadystatechange | HTML-5 | 当就绪状态更改时触发 |
onseeked | HTML-5 | 当媒体元素的查找属性不再为真且查找已结束时触发 |
onseeking | HTML-5 | 当媒体元素的查找属性为真且查找已开始时触发 |
onstalled | HTML-5 | 获取媒体数据出错时触发 |
onsuspend | HTML-5 | 当浏览器正在获取媒体数据,但在获取整个媒体文件之前停止时触发 |
ontimeupdate | HTML-5 | 当媒体改变其播放位置时触发 |
onvolumechange | HTML-5 | 当媒体更改音量时触发,也可以在音量设置为“静音”时触发 |
onwaiting | HTML-5 | 当媒体已停止播放,但预计将继续播放时触发 |
评论前必须登录!
注册