Javascript Jquery为div禁用单击事件

假设我得到了一个HTML div的简单点击事件。 如果我点击div，它会触发一个fadeToggle

在那部电影里，我又拍了一部有着另一个扳机的电影。 在该点击事件上，它应该做一些事情，但它触发第一个事件，而不是执行该事件

如果希望触发事件2，如何防止事件1触发

只有当我没有在第二个事件上按下clickevent时，Event1才会触发，其他所有事件都会像往常一样触发

谢谢你的时间

HTML

<div id="1">
     Event 1
     <div id="2">
         <div id="3">
            but here is something as well event2
          </div>
     </div>
</div>

小提琴：

之后，单击#3将无法到达#2或#1

之后，单击#3将无法到达#2或#1

之后，单击#3将无法到达#2或#1

之后，单击#3将无法到达#2或#1

增加了小提琴：

增加了小提琴：

增加了小提琴：

添加了小提琴：

这是解决方案

        $("#1").click(function() {
            $(this).slideToggle();
        });


        $("#3").click(function(event) {
           event.stopPropagation();
            $(this).css("background-color", "blue");
        });

以下是解决方案

        $("#1").click(function() {
            $(this).slideToggle();
        });


        $("#3").click(function(event) {
           event.stopPropagation();
            $(this).css("background-color", "blue");
        });

以下是解决方案

        $("#1").click(function() {
            $(this).slideToggle();
        });


        $("#3").click(function(event) {
           event.stopPropagation();
            $(this).css("background-color", "blue");
        });

以下是解决方案

        $("#1").click(function() {
            $(this).slideToggle();
        });


        $("#3").click(function(event) {
           event.stopPropagation();
            $(this).css("background-color", "blue");
        });

---

使用

event.stopPropagation（）：

$("#e3").click(function(event) {
   event.stopPropagation();
   $(this).css("background-color", "blue");
});

看到它在这里工作：

jQuery API中的注意事项（我无法更好地解释）：event.stopPropagation（）防止事件冒泡到DOM树上，防止任何父处理程序收到事件通知

请注意，您的ID不能以数字开头。：）
请使用
event.stopPropagation（）：

$("#e3").click(function(event) {
   event.stopPropagation();
   $(this).css("background-color", "blue");
});

看到它在这里工作：

jQuery API中的注意事项（我无法更好地解释）：event.stopPropagation（）防止事件冒泡到DOM树上，防止任何父处理程序收到事件通知

请注意，您的ID不能以数字开头。：）
请使用
event.stopPropagation（）：

$("#e3").click(function(event) {
   event.stopPropagation();
   $(this).css("background-color", "blue");
});

看到它在这里工作：

jQuery API中的注意事项（我无法更好地解释）：event.stopPropagation（）防止事件冒泡到DOM树上，防止任何父处理程序收到事件通知

请注意，您的ID不能以数字开头。：）
请使用
event.stopPropagation（）：

$("#e3").click(function(event) {
   event.stopPropagation();
   $(this).css("background-color", "blue");
});

看到它在这里工作：

jQuery API中的注意事项（我无法更好地解释）：event.stopPropagation（）防止事件冒泡到DOM树上，防止任何父处理程序收到事件通知

请注意，您的ID不能以数字开头。：）
这与我写的基本相同：）当然，当我提交答案时，您的答案还没有出现在我的浏览器上，并不是为了偷窃或其他什么。这与我写的基本相同：）当然，当我提交答案时，你的答案在我的浏览器上还没有，不是想偷什么的。这与我写的基本相同：）当然，当我提交答案时，你的答案在我的浏览器上还没有，不是想偷什么的。这与我写的基本相同：）当然，当我提交答案时，你的答案还没有出现在我的浏览器上，不是想偷什么的。谢谢。帮我个忙，我能在11分钟内接受你的回答。谢谢。帮我个忙，我能在11分钟内接受你的回答。谢谢。帮我个忙，我能在11分钟内接受你的回答。谢谢。帮助我，我可以在11分钟内接受你的答案。如果你能解释他为什么要使用
event.stopPropagation（），那就太好了现在你的答案看起来是：添加这个代码，它就会工作。如果你添加一个解释，说明他为什么要使用
event.stopPropagation（），那就太好了现在你的答案看起来是：添加这个代码，它就会工作。如果你添加一个解释，说明他为什么要使用
event.stopPropagation（），那就太好了现在你的答案看起来是：添加这个代码，它就会工作。如果你添加一个解释，说明他为什么要使用
event.stopPropagation（），那就太好了现在您的答案看起来是：添加此代码，它就会工作