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

无情阅读：1053 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.作者投稿可能会经我们编辑修改或补充。