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

最新推荐文章于 2023-07-24 10:13:42 发布

weixin_34354945

最新推荐文章于 2023-07-24 10:13:42 发布

阅读量471

点赞数

原文链接：http://www.cnblogs.com/yushouling/p/5138385.html

版权

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>

posted on 2016-01-18 09:47 Stanley_yu 阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/yushouling/p/5138385.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34354945

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
div嵌套点击事件问题解决方法-阻止冒泡事件

div嵌套点击事件问题解决方法-阻止冒泡事件 <html><body><li onclick="javascript:alert(1);">11111 <li onclick="javascript:alert(2);">&nbsp;&nbsp;22222...
复制链接

扫一扫