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.跨浏览器的事件处理程序(进行能力检测):封装在对象内
就爱阅读www.92to.com网友整理上传,为您提供最全的知识大全,期待您的分享,转载请注明出处。
来源: http://www.92to.com/bangong/2017/03-07/18276956.html