HTML事件属性

一、HTML4增加了使事件在浏览器触发动作的能力,比如用户点击元素之后启动javascript。


二、window事件属性

1、onafterprint  5

在设置页面打印且打印对话框已经出现后,执行一段javascript。

<body οnafterprint="printmsg()">

只有IE和火狐支持。

在IE中是在打印对话框出现之前执行。


onafterprint经常与onbeforeprint一起使用。


2、onbeforeprint  5

在设置页面打印之后但是在打印对话框出现之前执行javascript


只有IE和火狐支持。


onbeforeprint属性是在用户已经设置页面打印之后立即触发,但是在打印对话框之前。


3、onbeforeunload  5

文档卸载之前运行脚本


4、onerror  5

当错误发生时运行的脚本


5、onload

页面结束加载之后触发

页面加载之后立即执行一段javascript。


所有主流浏览器都支持


6、onmessage   5

当消息被触发时运行的脚本


7、onoffline   5

当文档离线时运行脚本


8、ononline  5

当文档上线时运行脚本


9、onpagehide  5 

当窗口隐藏时运行脚本


10、onpageshow  5

当窗口可见时运行的脚本


11、onpopostate  5

当窗口历史记录改变时运行脚本


12、onredo  5

当文本执行撤销时运行的脚本


13、onresize  5

当浏览器窗口被调整大小时触发


所有浏览器都支持


14、onstorage  5

当web storage区域更新后运行的脚本


15、onundo  5

在文档执行undo时运行的脚本


16、onunload

会在页面下载时触发(或者浏览器窗口以关闭)

会在从页面导航离开时发生(通过点击链接、提交表单或者关闭浏览器窗口等)

如果你重载的话也会触发改时间。


二、Form事件

由HTML表单内的动作触发的事件(应用到几乎所有HTML元素,但最常用在form元素中)


1、onblur

元素失去焦点时触发

常用于表单验证代码


所有主流浏览器都支持


<element οnblur="script">


2、onchage

在元素改变时触发

该属性适用于<input>,<textrea>以及<select>元素


3、oncontextmenu  5

当上下文菜单被触发时运行的脚本


4、onfocus

当元素获得焦点时触发

该属性常适用于<input>,<select>以及<a>

不适用于<base>,<dbo>,<br>,<head>,<html>,<iframe>,<meta>,<param>,<script>,<style>或<title>


5、onformchange   5

当表单改变时运行的脚本


6、onforminput  5

当表单获得用户输入时执行的脚本


7、oninput  5

当元素获得用户输入时运行的脚本


8、oninvaild  5

当元素无效时运行的程序


9、onreset 

当表单的重置按钮被点击触发时,HTML5中不支持。


10、onselect

在文本被选中时触发

可用于<input type = "file"> <input type = ''password''/text>以及<textrea>


所有主流浏览器都支持


11、onsubmit

在提交表单时触发,并且只能在form中使用


三、keyboard事件

1、onKeydown事件

用户按下按键时触发


2、onKeypress

用户敲击按钮时触发


3、onkeyup

用户释放按钮时触发


四、Mouse事件

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

1、onclick

元素上发生点击鼠标点击时触发


所有主流浏览器都支持


onclick属性不适用于已下元素<base>,<bdo>,<br>,<head>,<html>,<iframe>,<meta>,<param>,<script>,<style>或<title>


2、ondblick

双击鼠标时触发 


同上


同上


3、ondrag  5

元素被拖动时触发的事件


4、ondragend  5

在拖动操作末端运行的脚本


5、ondragenter  5

当元素已被拖动到有效区域时执行的脚本


6、ondragleave  5

当元素离开有效拖动目标时运行的脚本


7、ondragover  5

当元素在有效拖放目标上正在被拖动时运行的脚本


8、ondragstart  5

在拖动操作开端运行的脚本


9、ondrop  5

当被拖元素正在被拖放时运行的脚本


10、onmousedown

鼠标按钮在元素上按下时触发

事件次序:左/中键

onmousedown、onmouseup、onclick

事件次序:右键

onmousedown、onmouseup、oncontextmenu


所有主流浏览器都支持


不适用于同上


11、onmousemove

当鼠标指针移动到元素上时触发

 

所有浏览器都支持


不适用于同上


12、onmouseout

当鼠标指针移除元素时触发


所有主流浏览器都支持


不适用于同上


13、onmouseover

和onmousemove基本一样,不同在于onmousemove每次移动都会调用一次,而onmouseover只有进来第一次调用


14、onmouseup

在元素上释放按钮时触发

事件次序:左/中键

onmousedown、onmouseup、onclick

事件次序:右键

onmousedown、onmouseup、oncontextmenu


所有主流浏览器都支持


不适用同上


15、onmousewheel  5

在鼠标滚轮正在滚动时运行的脚本


16、onscroll  5

当元素滚动条被滚动时运行的脚本


四、Media

由媒介(比如视频、图像和音频)触发的事件,适用于所有HTML文件,但常见于媒介中。


1、onabort

在退出时运行的脚本


2、oncanplay  5

当文件就绪时可以开始播放时运行的脚本(缓冲足够开始时)


3、 oncanplaythrough  5

当媒介能够无需缓冲播放至结束时运行的脚本


4、ondurationchange  5

当媒介长度改变时运行的脚本


5、onempited  5

当发生故障并且文件突然不可用时运行的脚本


6、opened  5

当媒介已经到达结尾时运行的脚本


7、onerror  5

当媒介数据已加载时运行的脚本


8、onloadeddata  5

当媒介数据已加载时运行的脚本


9、onloadstart  5

当文件开始加载且未实际加载任何数据前运行的脚本


10、onpause  5

当媒介被用户或程序暂停时运行的脚本


11、onplay  5

当媒介就绪已经可以播放时运行的脚本


12、onplaying  5

当媒介已经开始播放运行时的脚本


13、onprogress  5

当浏览器正在获取媒介数据时运行的脚本


14、onratechange  5

每当回放速率改变时运行的脚本


15、onreadystatechange  5

每当就绪状态改变时运行的脚本


16、onseeked  5

当seeking属性设置为false(指示定位已经结束)时运行的脚本


17、onseeking  5

每当seeking属性设置为true(指示定位是活动的)时运行的脚本


18、onstalled  5

当浏览器未能取回媒介时运行的脚本


19、onsupend  5

在媒介完全加载之前不论何种原因终止取回媒介数据时运行的脚本


20、ontimeupdate  5

当播放位置改变时运行的脚本


21、onvolumechange  5

每当音量改变时运行的脚本


22、onwaiting

当媒介已停止播放但打算继续播放时(比如当媒介暂停已缓冲各种数据)运行脚本


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值