资讯专栏INFORMATION COLUMN

20170606-跨浏览器的事件处理程序

ASCH / 1521人阅读

摘要:跨浏览器的事件处理程序注意两点视情况分别使用级方法级方法或者方法来添加事件老版本浏览器不支持事件捕获,并且很少有机会使用事件捕获,因此可以只关注事件冒泡

跨浏览器的事件处理程序

注意两点:

视情况分别使用DOM0级方法、DOM2级方法或者IE方法来添加事件

老版本浏览器不支持事件捕获,并且很少有机会使用事件捕获,因此可以只关注事件冒泡

var EventUtil = {
    
    addHandler: function(element, type, handler){
        if(element.addEventListener){
            element.addEventListener(type, handler, false)
        } else if (element.attachEvent) {
            element.attachEvent("on"+type, handler)
        } else {
            element["on" + type] = handler
        }
    },
    
    removeHandler: function(element, type, handler){
        if(element.removeEventListener){
            element.removeEventListener(type, handler, false)
        } else if (element.detachEvent){
            element.detachEvent("on"+type, handler)
        } else {
            element["on"+type] = null
        }
    }
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83364.html

相关文章

  • 20170606-浅拷贝与深拷贝

    摘要:什么是深拷贝,什么是浅拷贝中的浅拷贝与深拷贝是针对复杂数据类型引用类型的复制问题。 什么是深拷贝,什么是浅拷贝 JS中的浅拷贝与深拷贝是针对复杂数据类型(引用类型)的复制问题。 浅拷贝:浅拷贝是拷贝引用(拷贝地址),拷贝后两个变量指向的是同一块内存空间 深拷贝:会在内存中开辟一块新的内存空间,它不仅将原对象的各个属性逐个复制过去,而且将原对象各个属性所包含的内容也依次采用深复制的方法...

    Kerr1Gan 评论0 收藏0
  • 览器事件代理

    摘要:假设我们有这样的一段我们想要实现一个效果,点击的时候,弹出此内的文字。我们采用代理的方式,利用时间的冒泡把事件绑定到上,而不是每一个上面 我们知道,在主流的浏览器里面绑定事件处理程序和解绑分别是: 绑定:addEventListener(eventType, handler, useCapture); 解绑:removeEventListener(eventType, handler,...

    el09xccxy 评论0 收藏0
  • javaScript览器事件处理程序

    摘要:在事件处理,事件对象,阻止事件的传播等方法或对象存在着浏览器兼容性问题,开发过程中最好编写成一个通用的事件处理工具。上面的中事件的执行都发生了目标阶段事件对象的属性用来表示事件处理发生在事件流哪个阶段。 最近在阅读javascript高级程序设计,事件这一块还是有很多东西要学的,就把一些思考和总结记录下。在事件处理,事件对象,阻止事件的传播等方法或对象存在着浏览器兼容性问题,开发过程中...

    terasum 评论0 收藏0
  • Event Handler 事件处理程序 2 ---览器事件对象《高程3》

    摘要:一旦事件处理程序执行完成,对象就会被销毁。所有浏览器对的支持方式包括事件对象和事件对象。无论指定事件处理程序时使用什么方法级或级,都会传入对象。由于不支持事件捕获,因而只能取消事件冒泡但可以同时取消事件捕获和冒泡。 0 Event Object导论 支持DOM0、DOM2的浏览器和IE浏览器实现事件处理程序的不同,除了体现在添加事件处理程序的不同上,还体现在event对象的实现差异上,...

    qpal 评论0 收藏0
  • Event Handler 事件处理程序 2 ---览器事件对象《高程3》

    摘要:一旦事件处理程序执行完成,对象就会被销毁。所有浏览器对的支持方式包括事件对象和事件对象。无论指定事件处理程序时使用什么方法级或级,都会传入对象。由于不支持事件捕获,因而只能取消事件冒泡但可以同时取消事件捕获和冒泡。 0 Event Object导论 支持DOM0、DOM2的浏览器和IE浏览器实现事件处理程序的不同,除了体现在添加事件处理程序的不同上,还体现在event对象的实现差异上,...

    roadtogeek 评论0 收藏0

发表评论

0条评论

ASCH

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<