js 事件委托

来源：互联网发布：南京军区总院网络挂号编辑：程序博客网时间：2024/06/06 13:04

 <div class="content" id="friends_fans_content">        <ul>           <!-- <li><span class="fr mutualFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪</li><li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪</li>            <li><span class="fr mutualFans"></span><img src="../images/avatar-m.jpg" />小猫咪小猫咪</li>            <li><span class="fr mutualFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪猫</li>            <li><span class="fr mutualFans"></span><img src="../images/avatar-m.jpg" />小猫咪</li>            <li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪</li>            <li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪小猫咪</li>            <li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪猫</li>            <li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪</li>            <li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪</li>            <li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪小猫咪</li>            <li><span class="fr mutualFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪猫</li>            <li><span class="fr mutualFans"></span><img src="../images/avatar-m.jpg" />小猫咪</li>-->        </ul>    </div>监听  li span 点击  添加事件

1 原生委托

//注册全局点击事件

document.getElementById('friends_fans_content').onclick = function(e){//阻止冒泡e && e.stopPropagation ? e.stopPropagation() : window.event.cancelBubble = true;//获取事件作用对象var o = e ? e.target : window.event.srcElemnt;//筛选if(o.nodeName == 'SPAN' && (o.className.indexOf('singleFans') > -1 || o.className.indexOf('mutualFans') > -1)){}};

2 jquery 事件

$('#friends_fans_content .singleFans,#friends_fans_content .mutualFans').live('click', function(){})

3  antUi

0 0