HTML5全局属性和事件

一时失言乱红尘 2022-08-05 02:23 227阅读 0赞

摘要：

全局属性和事件能够[应用][Link 1]到所有标签元素上，在HTML4中有许多全局属性，比如id，class等。[HTML5][]中又新增了一些特殊功能的全局属性和事件。

属性：

HTML5属性能够赋给标签元素含义和语境，下面的全局属性可用于任何 HTML5 元素。

事件：

下面列出了添加到 HTML5 元素以定义事件动作的全局事件属性。

Window 事件

针对 window 对象触发的事件（应用到 标签）：

<table style="word-wrap:break-word; empty-cells:show; border-collapse:collapse; width:1000px"> 
 <tbody style="word-wrap:break-word"> 
  <tr style="word-wrap:break-word"> 
   <th style="word-wrap:break-word; font-weight:400">属性</th> 
   <th style="word-wrap:break-word; font-weight:400">值</th> 
   <th style="word-wrap:break-word; font-weight:400">描述</th> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onafterprint</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">文档打印之后运行的脚本。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onbeforeprint</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">文档打印之前运行的脚本。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onbeforeunload</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">文档卸载之前运行的脚本。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onerror</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">在错误发生时运行的脚本。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onhaschange</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">当文档已改变时运行的脚本。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onmessage</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">在消息被触发时运行的脚本。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onoffline</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">当文档离线时运行的脚本。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">ononline</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">当文档上线时运行的脚本。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onpagehide</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">当窗口隐藏时运行的脚本。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onpageshow</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">当窗口成为可见时运行的脚本。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onpopstate</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">当窗口历史记录改变时运行的脚本。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onredo</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">当文档执行撤销（redo）时运行的脚本。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onresize</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">当浏览器窗口被调整大小时触发。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onstorage</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">在 Web Storage 区域更新后运行的脚本。</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word">onundo</td> 
   <td style="word-wrap:break-word">script</td> 
   <td style="word-wrap:break-word">在文档执行 undo 时运行的脚本。</td> 
  </tr> 
 </tbody> 
</table>

##     ##

Form 事件

由 HTML 表单内的动作触发的事件（应用到几乎所有 HTML 元素，但最常用在 form 元素中）：

##     ##

Mouse 事件

由鼠标或类似用户动作触发的事件：

##     ##

Media 事件

由媒介（比如视频、图像和音频）触发的事件（适用于所有 HTML 元素，但常见于媒介元素中，比如

[Link 1]: http://www.html5cn.org/portal.php?mod=list&catid=20
[HTML5]: http://www.html5cn.org/