码迷,mamicode.com
首页 > 其他好文 > 详细

简单事件委托实现

时间:2017-03-06 11:14:29      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:tar   元素   span   cli   调用   dom   class   pre   code   

function _delegate(obj,className,fn){
    var dc = " "+className+ " ";

    function cb(e){
        var target = e.target,
            c = "";

        while(target != obj){
            c = " "+target.getAttribute("class")+" ";
            if(c.indexOf(dc) != -1){
                fn.call(target,e);
            }
            target = target.parentNode;
        }
    }
    obj.addEventListener("click",cb,false);
}

调用:_delegate(document.body,"item",fn);

事件委托缺点:

事件委托有对子元素dom查找的过程,在委托层级较深,可能会有性能问题。此外,对于频繁触发的事件,例如mouseover,使用事件委托时要注意,尽量不用。

简单事件委托实现

标签:tar   元素   span   cli   调用   dom   class   pre   code   

原文地址:http://www.cnblogs.com/mengff/p/6508741.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!