美文网首页
监听委托-兼容浏览器

监听委托-兼容浏览器

作者: 瓩千瓦 | 来源:发表于2019-03-10 16:26 被阅读0次

1.事件监听:(向一个元素添加多个事件,可以添加多个同类型的事件)

        function addEvent(obj,type,handler){

            if(obj.addEventListener){

                obj.addEventListener(type,handler,false);

            }else{

                obj.attachEvent("on"+type,function(){

                    handler.call(obj);

                };

            }

        }

        2)删除:

        function removeEvent(target,type,handler){

            if(target.removeEventListener){

                target.removeEventListener(type,handler,false);

            }else{

                target.detachEvent("on"+type,window[handler]);

            }

        }

2.事件委托

兼容处理:

    oUl.onmouseover = function(ev){

        var ev = ev || window.event;

        var target = ev.target || ev.srcElement;

        if(target.nodeName.toLowerCase() == "li"){

            target.style.background = "red";

        }

    }

相关文章

  • 监听委托-兼容浏览器

    1.事件监听:(向一个元素添加多个事件,可以添加多个同类型的事件) function addEvent(o...

  • React合成事件

    为什么需要合成事件 兼容浏览器监听写法 避免大量节点绑定事件占用内存,将事件委托到document上,有统一的事件...

  • 探索defineproperty 和 proxy

    方法概念兼容性监听应用defineproperty数据劫持任意浏览器监听对象各个属性,无法监听新增属性。使用时需要...

  • unity 委托事件

    定义委托及事件 实现事件监听+=(事件取消监听为-=)

  • 细读 JS | 事件详解

    本文将会介绍事件、事件流、事件对象、事件处理程序、事件委托、以及兼容 IE 浏览器等内容。 一、概念 就本文一些“...

  • 12.4默写

    事件流 事件监听 事件委托

  • 浏览器前缀 js输出

    浏览器前缀 -ms- 兼容IE浏览器-moz- 兼容firefox-o- 兼容opera-webkit- 兼容ch...

  • 浏览器前缀js输出

    浏览器前缀-ms- 兼容IE浏览器-moz- 兼容firefox-o- 兼容opera-webkit- 兼容chr...

  • 浏览器前缀 js输出

    浏览器前缀 -ms- 兼容IE浏览器-moz- 兼容firefox-o- 兼容opera-webkit- 兼容ch...

  • 浏览器前缀 js输出

    浏览器前缀 -ms- 兼容IE浏览器-moz- 兼容firefox-o- 兼容opera-webkit- 兼容ch...

网友评论

      本文标题:监听委托-兼容浏览器

      本文链接:https://www.haomeiwen.com/subject/pzoupqtx.html