Question

条件：我体内有一个div cass =“myDiv”。

动作：

当我点击身体时。函数abc（）将被调用。
当我点击（.myDiv）时，它会调用函数xyz（）。

问题：点击正文按预期工作。

但是当我点击（.myDiv）它会调用xyz（）但它也会调用函数abc（）。

我不想在点击（.myDiv）时调用abc（）。

可能我们可以使用stop（）但它不适用于我。

<style>
.mydiv{
    height:200px;
    width:200px;
    background:#D00E11;
}
</style>
<script>
$(document).ready(function() {
    $('body').click(function(e){
        alert(1);
    });
$(".myDiv").click(function(e){
    e.stopPropagation();
}); 
});
</script>
</head>

<body>
<div class="mydiv"></div>
</body>

Answer 1

$(".mydiv").click(function(e){
    e.stopPropagation();
});

参考 event.stopPropagation

Answer 2

这里的问题是你使用了错误的选择器。

<div class="mydiv"></div>

更改：

$(".myDiv").click(function(e){ //Wrong $(".myDiv") e.stopPropagation(); });

要

$(".mydiv").click(function(e){ //should be $(".mydiv") e.stopPropagation(); });

事件停止在jquery中工作

2 个答案: