HTML5事件方法全部汇总

2020-04-21 07:54:29易采站长站整理

下面的表格列出了可插入 HTML 5 元素中以定义事件行为的标准事件属性。

Window 事件属性 – Window Event Attributes
表单事件 – Form Events
键盘事件 – Keybord Events
鼠标事件 – Mouse Events
媒介事件 – Media Events

Window 事件属性

window 对象触发的事件。适用于 <body> 标签:

属性描述
onafterprintscript在打印文档之后运行脚本
onbeforeprintscript在文档打印之前运行脚本
onbeforeonloadscript在文档加载之前运行脚本
onblurscript当窗口失去焦点时运行脚本
onerrorscript当错误发生时运行脚本
onfocusscript当窗口获得焦点时运行脚本
onhaschangescript当文档改变时运行脚本
onloadscript当文档加载时运行脚本
onmessagescript当触发消息时运行脚本
onofflinescript当文档离线时运行脚本
ononlinescript当文档上线时运行脚本
onpagehidescript当窗口隐藏时运行脚本
onpageshowscript当窗口可见时运行脚本
onpopstatescript当窗口历史记录改变时运行脚本
onredoscript当文档执行再执行操作(redo)时运行脚本
onresizescript当调整窗口大小时运行脚本
onstoragescript当文档加载加载时运行脚本
onundoscript当 Web Storage 区域更新时(存储空间中的数据发生变化时)
onunloadscript当用户离开文档时运行脚本

表单事件

由 HTML 表单内部的动作触发的事件。适用于所有 HTML 5 元素,不过最常用于表单元素中:

属性描述
onblurscript当元素失去焦点时运行脚本
onchangescript当元素改变时运行脚本
oncontextmenuscript当触发上下文菜单时运行脚本
onfocusscript当元素获得焦点时运行脚本
onformchangescript