div嵌套点击事件问题解决方法-阻止冒泡事件

<html>
<body>
<li onclick="javascript:alert(1);">11111
    <li onclick="javascript:alert(2);">&nbsp;&nbsp;22222
        <li id="li3" onclick="javascript:alert(3);">&nbsp;&nbsp;&nbsp;&nbsp;33333
        
        </li>
    </li>
</li>

</body>

<script>


var li = document.getElementsByTagName('li');
for(var i=1; i<=li.length; i++) {
    document.getElementsByTagName('li')[i].addEventListener('click',function(e){e.stopPropagation()},false);//阻止它的冒泡事件
}

</script>

</html>

 

你可能感兴趣的:(div嵌套点击事件问题解决方法-阻止冒泡事件)