HTML 事件参考

时间:2019-06-08 23:19:24  来源:igfitidea点击:

当用户访问你的网站时,他们会做一些事情,比如点击各种链接,把鼠标移到文本和图像上等等。这些都是我们在JavaScript和VBScript术语中称之为事件的例子。

我们可以使用JavaScript或VBScript编写事件处理程序,并可以指定针对这些事件采取的一些操作。虽然这些是事件,但它们可以被指定为HTML标记的属性。

HTML4.01规范定义了19个事件,但后来HTML-5添加了许多其他事件,下面列出了这些事件–

窗口事件属性

旧版本的HTML中引入了以下事件,但所有标记为HTML5的标签都是HTML-5的一部分。

事件HTML-5说明
onafterprintHTML5打印文档后触发
onbeforeprintHTML5打印文档前触发
onbeforeonloadHTML5文档加载前触发
onerrorHTML5发生错误时触发
onhaschangeHTML5在文档被修改时触发
onload加载文档时触发
onmessageHTML5触发消息时触发
onofflineHTML5文档脱机时触发
ononlineHTML5文档联机时触发
onpagehideHTML5窗口隐藏时触发
onpageshowHTML5当窗口可见时触发
onpopstateHTML5当窗口的历史记录更改时触发
onredoHTML5文档执行重做时触发
onresizeHTML5调整窗口大小时触发
onstorageHTML5存储文档时触发
onundoHTML5文档执行撤消时触发
onunload当用户离开文档时触发

表单事件

事件HTML-5说明
onblur当窗口失去焦点时触发
onchange元素更改时触发
oncontextmenuHTML5当上下文菜单被触发时触发
onfocus当窗口获得焦点时触发
onformchangeHTML5当表单内容变更时触发
onforminputHTML5当表单获得用户输入时触发
oninputHTML5当元素获得用户输入时触发
oninvalidHTML5元素无效时触发
onreset表单重置时触发
onselect元素被选择时触发
onsubmit提交表单时触发

键盘事件

事件HTML-5说明
onkeydown按键时触发
onkeypress按下和释放按键时触发
onkeyup释放按键时触发

鼠标事件

事件HTML-5说明
onclick鼠标点击触发
ondblclick鼠标双击时触发
ondragHTML5拖动元素时触发
ondragendHTML5在拖动操作结束时触发
ondragenterHTML5将元素拖到有效的放置目标时触发
ondragleaveHTML5当元素离开有效的放置目标时触发
ondragoverHTML5当元素被拖到有效的放置目标上时触发
ondragstartHTML5在开始拖动操作时触发
ondropHTML5当拖动元素被删除时触发
onmousedown按下鼠标按钮时触发
onmousemove鼠标指针移动时触发
onmouseout当鼠标指针移出元素时触发
onmouseover当鼠标指针移动到元素上时触发
onmouseup释放鼠标按钮时触发
onmousewheelHTML5当鼠标滚轮旋转时触发
onscrollHTML5滚动元素的滚动条时触发

媒体事件

事件HTML-5说明
onabort事件中止时触发器
oncanplayHTML5当媒体可以开始播放,但可能必须停止以进行缓冲时触发
oncanplaythroughHTML5当媒体可以直接播放到结束,而不必停止等待缓冲时触发
ondurationchangeHTML5媒体长度更改时触发
onemptiedHTML5当媒体资源元素突然变空时触发
onendedHTML5当媒体到达结尾时触发
onerrorHTML5发生错误时触发
onloadeddataHTML5加载媒体数据时触发
onloadedmetadataHTML5加载媒体元素的持续时间和其他媒体数据时触发
onloadstartHTML5当浏览器开始加载媒体数据时触发
onpauseHTML5暂停媒体数据时触发
onplayHTML5开始播放媒体数据时触发
onplayingHTML5开始播放媒体数据时触发
onprogressHTML5当浏览器获取媒体数据时触发
onratechangeHTML5当媒体数据的播放速率改变时触发
onreadystatechangeHTML5当就绪状态更改时触发
onseekedHTML5当媒体元素的seeking属性不再为true且搜索已结束时触发
onseekingHTML5当媒体元素的seeking属性为true且搜索已开始时触发
onstalledHTML5在获取媒体数据时发生错误时触发
onsuspendHTML5当浏览器正在获取媒体数据,但在提取整个媒体文件之前停止时,将触发此事件
ontimeupdateHTML5当媒体改变播放位置时触发
onvolumechangeHTML5当媒体更改音量时,或者当音量设置为“静音”时触发
onwaitingHTML5当媒体已停止播放,等待继续播放时触发