首页 > 其他 > 详细

简单事件委托实现

时间:2017-03-06 11:14:29      阅读:288      评论:0      收藏:0      [点我收藏+]
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,使用事件委托时要注意,尽量不用。

简单事件委托实现

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!