js阻止点击事件的冒泡的实现分析

无情 阅读:211 2019-11-29 10:31:35 评论:0
<html> 
<head> 
<script type="text/javascript"> 
function fnclick1(){ 
    alert("父元素弹窗") 
} 
function fnclick2(e){ 
    //阻止跳转到其它页面(如提交表单跳转等) 
    //e.preventDefault(); 
    //阻止点击事件向上冒泡 
    e.stopPropagation(); 
    alert("子元素弹窗"); 
} 
</script> 
</head> 
<body> 
<div onclick="fnclick1()"> 
    父点击事件 
    <div onclick="fnclick2(event)"> 
       子点击事件 
    </div> 
</div> 
</body> 
</html>

 

标签:JavaScript
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
关注我们

扫一扫关注我们,了解最新精彩内容