脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-1.javascript中的事件处理程序【学习笔记】,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
事件处理程序:1.HTML事件处理程序 2.DOM 0 级事件处理程序 3.DOM 2 级事件处理程序
1.HTML事件处理程序:把事件直接加到HTML结构的元素上
缺点:HTML与JS代码都需要修改(开发时候一般不采用)
2.DOM 0 级事件处理程序 (最常用且最传统 能跨浏览器):把一个函数赋值给一个事件处理程序的属性
// 删除所添加的事件 赋值为null
3.DOM 2 级事件处理程序
3.1.Chrome、Firefox、opera、Safari 等非 IE 浏览器 有两个方法:
处理指定事件处理程序: addEventListener ( tyPE , listener , useCapture )
删除指定事件处理程序: removeEventListner (type , listener , useCapture )
(type, listener, useCapture)
[要处理的事件名] [作为事件处理程序的函数] [布尔值]
注:函数后面不添加();布尔值一般为false; 属性前面均不加上 “ on ”
// 删除所添加的事件removeEventListner( ) 参数跟对应的添加事件的参数一致
//可添加多个事件处理程序 HTML结构元素中无法做到添加多个事件处理程序
3.2 IE浏览器 事件处理程序的两种方法(Opera支持IE事件处理程序):
添加事件:attachEvent( type , listener )
删除事件:detachEvent( type , listener )
注:只接收两个参数(IE8及更早的浏览器只支持事件冒泡);属性前面均加上 “ on ”
// 删除所添加的事件detachEvent( ) 参数跟对应的添加事件的参数一致
4.跨浏览器的事件处理程序(进行能力检测):封装在对象内
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的javascript代码实例教程-1.javascript中的事件处理程序【学习笔记】全部内容,希望文章能够帮你解决javascript代码实例教程-1.javascript中的事件处理程序【学习笔记】所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。