Jquery事件委托之Safari

var oParent=document.getElementById(“oParent”),oClick=document.getElementById(“oClick”);

Object.prototype.on=function(ev,fn,obj){

var sClass=Object.prototype.toString.call(obj);

if(obj||sClass.indexOf(“HTML”)===-1){//假装判断一下是否需要事件委托

this.addEventListener(ev,function(e){

var e=e||window.event;

if(e.target=obj&&e.type=ev){

fn.call(e.target);//传入目标元素

}

},false);

}else{

this.addEventListener(ev,fn,false);

}

}

document.on(“click”,function(){console.log(this)},oClick);

没有做任何的兼容以及其他处理，只是为了了解原理，大家有什么问题可以留言指出。

事件委托有什么用呢

说这么多东西，到底事件委托有什么用呢？我认为事件委托最大的好处在于，动态生成的元素还会保留原有的事件绑定。

//a点击的时候，ul都会新增一个li，新增的li都有绑定事件

• 新增li

  看上面的代码，很简单吧，没什么问题吧，除了ios的safari，其他浏览器都能正常的弹出“ok”，一开始想到会不会是什么有地方把冒泡阻止了，但是没有找到，jq的问题？，换了还是不行。正常的绑定（不使用事件委托）没问题，其他想到会不会是jq的bug，如果是jq的bug，那么以前的项目也会有类似的bug，于是到线上去找相关的代码

  test