JS阻止父层事件(JS冒泡问题)

东成熙就

于 2017-02-16 20:55:43 发布

阅读量6.3k

点赞数 1

分类专栏： Javascript 文章标签： JS阻止父层事件 JS冒泡问题

本文链接：https://blog.youkuaiyun.com/phpfer/article/details/55271882

版权

Javascript 专栏收录该内容

33 篇文章

订阅专栏

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript">
        function fun1 () {
            alert("parent");
        }
		function funx(){
            alert("child");
		}

        function stopEvt(e) {
            e.stopPropagation();//阻止点击事件向上冒泡
        }

    </script>
</head>
<body>
    <div οnclick="fun1()" style="height:100px;background-color:black;color:white;text-align:center;border:1px solid red">
        父
        <div οnclick="funx();stopEvt(event)" style="background-color:green;margin-top:20px;border:1px solid red;height:30px">
            子
        </div>
    </div>
</body>
</html>