jquery 事件代理中的取消冒泡传递

来源：互联网发布：淘宝上怎么货到付款呢编辑：程序博客网时间：2024/04/30 21:16

jquery 如果不是直接绑定到元素上的事件（通过delegate 绑定的，也无法取得直接元素，）如果想终止事件冒泡，可以在低一级注册代理事件并将其stopPropagation（）掉

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <script src="./jquery.js"></script>    <style>        .container {        }    </style></head><body><div class="container" id="hig">    hig    <div id="def">def        <div id="abc">abc</div>    </div></div><script>    $(function () {        $("body").on("click", "#abc", function () {            console.log("out")        })        $("#abc").click(function (e) {            console.log("abc")            //e.stopPropagation();            //    return false;        })        $("#def").click(function () {            console.log("def")        })        $("#hig").click(function (e) {            console.log("hig");        })        $("#hig").on("click", "#abc", function (e) {            console.log("out -hig-abc");            e.stopPropagation();        })    })</script></body></html>

0 0

jquery 事件代理中的 取消冒泡传递

jquery 事件代理中的取消冒泡传递