JQuery, по щелчку везде внутри DIV, за исключением определенного ребенка

Question

У меня есть следующий HTML

<div id="parent"> 
    <div id="window"><!-- contents of window ---></div> 
</div> 

Родитель ширина 100% с отступом сверху и снизу и окном центрируется внутри него с шириной 600px.

Что мне нужно, чтобы выяснить, является селектор JQuery, который срабатывает, когда пользователь щелкает где-нибудь, что находится внутри родителя, но за пределами окна

Answer 1

Проверьте, если цель имеет идентификатор родителю

$('#parent').on('click', function (e) { 
    if (e.target.id == "parent") { 
     //code for clicking outside window but inside parent 
    } 
}); 

DEMO

Answer 2

Вы можете привязать обработчик кликов к #parent, а затем предотвратить распространение кликов с #window. Это позволяет вам иметь дополнительный вложенный контент внутри #parent без беспорядка со списками целевых объектов.

$("#window").on("click", function(e) { 
    e.stopPropagation(); 
}); 
$("#parent").on("click", function(e) { 
    // Do your thing 
}); 

Смотрите демо здесь: http://jsfiddle.net/4kGJX/

Answer 3

вы можете попробовать этот способ

$('#parent').not("#window").on('click', function (e) { 
    //do stuff 
});