事件委托------取到新生成元素

本文介绍了事件委托的基本原理,利用事件冒泡特性实现对动态生成元素的事件绑定。通过一个具体示例展示了如何为父元素添加事件监听器,并在点击子元素时触发相应事件。

事件委托,主要参照的原理是事件冒泡。原因是刚生成的元素无法获取到它。例如下边的例子,要取到新生成的元素,在点击新生的元素时,弹出对应的文本。


应采取事件监听,兼容IE做法如下

function addEvent(obj,fn,even,boolean){

       if(obj.addEventListener){
           obj.addEventListener(even,fn,boolean);
       }
       else{
           ev='on'+even;
           obj.attachEvent(ev,fn);
       }

}

先给父级元素添加事件,然后在父级元素中取到点击的新建子元素即可。

 addEvent(oDiv,function (ev) {
     var e=window.event||ev;
     if(e.srcElement.nodeName.toLowerCase()=="h1"){
         alert(ev.srcElement.innerHTML)
     }//IE支持e.srcElement
//    if(ev.target.nodeName.toLowerCase()=="h1")          火狐支持ev.target
 },"click")




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值