正文

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

IP云
IP云V管理员/3 阅读
11/29
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示
<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>

相关阅读

目录[+]