JQuery如何停止事件传播

我希望阻止事件传播，以便每次单击“完成”时，警报只显示一次

这是我的密码：

$('body').on('click', '#product', function () {

    var x = "hi";
    $('#done').click(function () {
        alert(x);
    });

});

还有小提琴：

---

我想这就是你想要的：

$('body').on('click', '#product', function () {

 var x = "hi";
 $('#done').click(function (e) {
    e.stopPropagation();
    alert(x);
  });

});

我不知道你到底想达到什么目的。上面的代码在我看来有点奇怪：如果你想看#完成点击然后只在这个id上使用

 $('body').on('click', '#done', function (e) {
    e.stopPropagation();
    alert('test');
 });

---

我想这就是你想要的：

$('body').on('click', '#product', function () {

 var x = "hi";
 $('#done').click(function (e) {
    e.stopPropagation();
    alert(x);
  });

});

我不知道你到底想达到什么目的。上面的代码在我看来有点奇怪：如果你想看#完成点击然后只在这个id上使用

 $('body').on('click', '#done', function (e) {
    e.stopPropagation();
    alert('test');
 });

---

我想这就是你想要的：

$('body').on('click', '#product', function () {

 var x = "hi";
 $('#done').click(function (e) {
    e.stopPropagation();
    alert(x);
  });

});

我不知道你到底想达到什么目的。上面的代码在我看来有点奇怪：如果你想看#完成点击然后只在这个id上使用

 $('body').on('click', '#done', function (e) {
    e.stopPropagation();
    alert('test');
 });

---

我想这就是你想要的：

$('body').on('click', '#product', function () {

 var x = "hi";
 $('#done').click(function (e) {
    e.stopPropagation();
    alert(x);
  });

});

我不知道你到底想达到什么目的。上面的代码在我看来有点奇怪：如果你想看#完成点击然后只在这个id上使用

 $('body').on('click', '#done', function (e) {
    e.stopPropagation();
    alert('test');
 });

---

您可以使用event.stopPropagation（）； 它将阻止事件阻塞DOM

---

请参阅：

您可以使用event.stopPropagation（）； 它将阻止事件阻塞DOM

---

请参阅：

您可以使用event.stopPropagation（）； 它将阻止事件阻塞DOM

---

请参阅：

您可以使用event.stopPropagation（）； 它将阻止事件阻塞DOM

---

请参阅：

单击按钮时，可以使用布尔标志“buttonclicked”，并将其标记为true，然后使用

var buttonclicked = false;    
$('body').on('click', '#product', function () {

       var x = "hi";

       $('#done').click(function () {
           if(buttonclicked) {
              return;
           } else {
              alert(x);
              buttonclicked = true;
           }
       });

});

---

您可以使用布尔标志“buttonclicked”，并在单击按钮时将其标记为true，然后使用

var buttonclicked = false;    
$('body').on('click', '#product', function () {

       var x = "hi";

       $('#done').click(function () {
           if(buttonclicked) {
              return;
           } else {
              alert(x);
              buttonclicked = true;
           }
       });

});

---

您可以使用布尔标志“buttonclicked”，并在单击按钮时将其标记为true，然后使用

var buttonclicked = false;    
$('body').on('click', '#product', function () {

       var x = "hi";

       $('#done').click(function () {
           if(buttonclicked) {
              return;
           } else {
              alert(x);
              buttonclicked = true;
           }
       });

});

---

您可以使用布尔标志“buttonclicked”，并在单击按钮时将其标记为true，然后使用

var buttonclicked = false;    
$('body').on('click', '#product', function () {

       var x = "hi";

       $('#done').click(function () {
           if(buttonclicked) {
              return;
           } else {
              alert(x);
              buttonclicked = true;
           }
       });

});

---

您可以使用

one

在

#done

上绑定事件。检查。

$（'body'）有什么问题。'click'，'done'，funct…

？@Tushar one是我的诀窍。我尝试了所有答案，除了你的答案外，其他都没用。谢谢！你可以使用

one

绑定

上的事件。
$（'body'）。检查。
$（'body'）有什么问题。打开（'click'、'#done'，funct…
？@Tushar one是我的诀窍。我尝试了所有答案，但除了你的答案外，其他答案都无效。谢谢！你可以使用
one
绑定
#done
上的事件。检查
$（'body'）有什么问题。on（'click'、'#done'，funct…
？@Tushar one是我的诀窍。我尝试了所有答案，但除了你的答案外，其他答案都无效。谢谢！你可以使用
one
绑定
#done
上的事件。检查
$（'body'）有什么问题。on（“点击”，“完成”，功能…
？@Tushar one是我成功的秘诀。我尝试了所有答案，除了你的答案外，其他都无效。谢谢！