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

时间：2023-03-10 04:30:22
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>

相关文章