阻止事件冒泡

守給你的承諾、 提交于 2019-11-26 20:52:44
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><style>    .d1{        width: 500px;        height: 500px;        background: red;    }    .d2{        width: 300px;        height: 300px;        background: yellow;    }    .d3{        width: 100px;        height: 100px;        background: blue;    }</style><body>    <div class="d1">        <div class="d2">            <div class="d3"></div>        </div>    </div>    <script src="js/jquery-1.12.4.js"></script><script>    $(".d1").click(function () {        console.log("d1");    })    $(".d2").click(function () {        console.log("d2");    })    $(".d3").click(function () {        console.log("d3");        return false;               /*阻止事件冒泡*/    })</script></body></html>
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!