щелкните по телу, за исключением конкретных div

Я хочу что-то сделать, нажав на body, за исключением menutop, который находится внутри body.щелкните по телу, за исключением конкретных div

<body> 
<div id="menutop">lorem ipsum...</div> 
... 
</body>

$("body").not($("#menutop")).click(function(){ 
    console.log("323"); 
});

также попытался

var n = $("#menutop"); 
$("body:not(n)").click(function(){ 
    console.log("323"); 
});

, но нажав на menutop в обоих случаях консоль показывает 323

источник

2016-02-10 bonaca

Селектор $("body").not($("#menutop")) будет выбрать body элемент, если это не t #menutop элемент. Поскольку элемент body явно не является элементом #menutop, элемент body по-прежнему выбран, и к нему присоединяется событие click.

Даже если вы нажмете на #menutop элемент, событие щелчка по-прежнему пузырь и вызвать событие щелчка на body элемент, поэтому один из вариантов является сделать проверку, чтобы увидеть, если event.target является #menutop элемент:

$(document).on('click', function (event) { 
    if (!$(event.target).closest('#menutop').length) { 
    // ... clicked on the 'body', but not inside of #menutop 
    } 
});

в качестве альтернативы, вы можете также подавить бульканье события и stop event propagation при нажатии на #menutop элемент:

$(document).on('click', function (event) { 
    // ... clicked on the 'body', but not inside of #menutop 
}); 
$('#menutop').on('click', function (event) { 
    event.stopPropagation(); 
});

источник

2016-02-10 23:31:18

Совершенного. Сэкономленные так много часов. Спасибо. –

$('#menutop').click(function(event) { 
    event.stopPropagation(); 
})

stopPropagation() будет удерживать ваш клик от распространения и активировать щелчок по телу.

источник

2016-02-10 23:36:54

Вы можете использовать event.stopPropagation() на элементе menutop для предотвращения щелчка по телу ниже.

Смотрите это codepen для решения

$("body").click(function(){ 
    alert("323"); 
}); 

$("#menutop").click(function(event) { 
    event.stopPropagation(); 
});

источник

2016-02-10 23:37:01 Carlton

щелкните по телу, за исключением конкретных div

ответ

Смежные вопросы