zyb00yaonuli 2011-12-07
http://www.blogjava.net/Hafeyang/archive/2011/04/19/the_implementation_of_jquery_delegate_and_live.html
window.onload = function(){ function handle(e){ //获取event对象 //标准DOM方法事件处理函数第一个参数是event对象 //IE可以使用全局变量window.event var evt = window.event?window.event:e; //获取触发事件的原始事件源 //标准DOM方法是用target获取当前事件源 //IE使用evt.srcElement获取事件源 var target = evt.target||evt.srcElement; //获取当前正在处理的事件源 //标准DOM方法是用currentTarget获取当前事件源 //IE中的this指向当前处理的事件源 var currentTarget= e?e.currentTarget:this; //问题:在IE 9下 window.event 与 e 不同 evt没有currentTarget属性,e才有currentTarget属性(视为标准浏览器做法??) alert("src id:"+target.id+"\ncurent target id :"+currentTarget.id); if(target.id=="newbutton"){ alert("触发新增元素的delegate方法"); } } document.getElementById("btn").onclick=handle; document.getElementById("c").onclick= handle; document.getElementById("btnadd").onclick=function(){ var btn = document.createElement("input"); btn.setAttribute("value","点击我试试"); btn.setAttribute("type","button"); btn.setAttribute("id","newbutton"); //没有监听新按钮的onclick事件 document.getElementById("c").appendChild(btn); } } <div id="c" class=""> <input type="button" id="btn" name="" value="button" /> </div> <a href="###" id="btnadd">添加一个按钮</a>
这个应该是用事件的冒泡特性实现代理的把
<table id="table" class="table table-striped table-bordered table-hover table-nowrap" width="100%&qu