JQuery - проверка, если элемент щелкает и суб-элементы не щелкнул

Question

У меня есть этот HTML код:

<div id="area">Click me <span id="forbidden">Hi Guys</span></div> 

Я хотел бы делать проверку, если только #area щелкнул, но не район запрещен, хотя он находится внутри области «div».

Заранее благодарен, Daniel.

Answer 1

.target property из event объекта даст вам DOM элемент, который инициировал событие:

$("#area").click(function(e) { 
    if (e.target.id != "forbidden") { 
     // do something 
    } 
}); 

Answer 2

Другой подход будет использовать stopPropagation на запретной элемента.