JQuery在div内单击

JQuery在div内单击,jquery,click,Jquery,Click,我正在尝试在已经有单击事件的li中的div上添加单击事件。我不希望在触发div click事件时触发li click事件 以下是我正在尝试做的事情 当我点击“内部”按钮时,我不想让“外部”按钮触发。我假设我需要向选择器$(“.inside”)添加一个not $(文档).ready(函数(){ $(“#外部”)。单击(函数(){ 警报(“外部点击”); }); $(“.inside”)。单击(函数(){ 警报(“内部点击”); }); }); 单击此分区。我希望接受内部单击,但不接受外部单击

我正在尝试在已经有单击事件的li中的div上添加单击事件。我不希望在触发div click事件时触发li click事件

以下是我正在尝试做的事情

当我点击“内部”按钮时,我不想让“外部”按钮触发。我假设我需要向选择器$(“.inside”)添加一个not


$(文档).ready(函数(){
$(“#外部”)。单击(函数(){
警报(“外部点击”);
});
$(“.inside”)。单击(函数(){
警报(“内部点击”);
});
});
  • 单击此分区。我希望接受内部单击,但不接受外部单击。
简单修复:

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

防止事件在DOM树中冒泡,防止任何 父处理程序不会收到事件通知

基本上,您不希望它触发父级的事件处理程序,因此您停止传播。

只需执行以下操作:


谢谢,这正是我所需要的。这对我来说不起作用,只有外部部门才能生成事件。唯一的区别是,如果我的外部div改变了任何东西,那么它是一个类名而不是id
    $(".inside").click(function(e) {
        e.stopPropagation();
        alert("inside click");
    });
$(document).ready(function() {
        $("#outside").click(function() {
            alert("outside click");
        });

        $(".inside").click(function() {  
            alert("inside click");
            return false;
        });

    });