青春..荒唐
青春..荒唐

HTML事件属性

阅读更多

HTML 4 增加了使事件在浏览器中触发动作的能力，比如当用户点击元素时启动 JavaScript。

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

 

一.【Window 事件属性】

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

（1）onafterprint【H5新标签】 文档打印之后运行的脚本

    【兼容：只有IE和火狐Firefox支持】

    注释：在 IE 中，onafterprint 属性在打印对话框出现之前而不是之后发生

 

（2）onbeforeprint【H5新标签】          文档打印之前运行的脚本

    【兼容：只有IE和火狐Firefox支持】

 

（3）onbeforeunload【H5新标签】               文档卸载之前运行的脚本

 

（4）onerror【H5新标签】                               在错误发生时运行的脚本

 

（5）onhaschange【H5新标签】                       当文档已改变时运行的脚本

 

（6）onload                                                        页面结束加载之后触发

onload 常用在 中，一旦完全加载所有内容（包括图像、脚本文件、CSS 文件等），就执行一段脚本。




Hello World!

 

（7）onmessage【H5新标签】                    在消息被触发时运行的脚本

 

（8）onoffline【H5新标签】                              当文档离线时运行的脚本

 

（9）ononline【H5新标签】                               当文档上线时运行的脚本

 

（10）onpagehide【H5新标签】                        当窗口隐藏时运行的脚本

 

（11）onpageshow【H5新标签】                     当窗口成为可见时运行的脚本

 

（12）onpopstate【H5新标签】                    当窗口历史记录改变时运行的脚本

 

（13）onredo【H5新标签】                             当文档执行撤销（redo）时运行的脚本

 

（14）onresize【H5新标签】                             当浏览器窗口被调整大小时触发

【兼容：所有主流浏览器都支持 onresize 属性】

使用场景：onresize 发生于对象被调整大小时，常用于 浏览器窗口被调整尺寸时




请试着调整浏览器窗口的大小。

 【注意：】不同浏览器有不同对应情况，经测试谷歌响应1次，IE响应2次

 

（15）onstorage【H5新属性】                  在 Web Storage（Web存储） 区域更新后运行的脚本

 

（16）onundo【H5新属性】                           在文档执行 undo（解压） 时运行的脚本

 

（17）onunload                                          一旦页面已下载时触发（或者浏览器窗口已被关闭）

 



 
教程





欢迎访问我的主页


关闭窗口或者按 F5 刷新页面。
①onunload 属性在用户关闭一个页面时触发

 

②onunload 在用户离开页面(通过点击链接，提交表单，关闭浏览器窗口等)触发

【注意】： 如果你重新载入页面，unload 事件将被触发( onload 事件)

 

 

 

二.【Form 事件】

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

 （1）onblur                                                  在元素失去焦点时触发，常用于表单验证代码（例如用户离开表单字段），与onfocus聚焦属性相反

 

（2）onchange                                        在元素值被改变时运行

适用于：、