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

<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>

 

posted @ 2018-03-02 15:06  达摩院的BLOG  阅读(1026)  评论(0编辑  收藏  举报