javascript - 他の要素がクリックされたときにクリックされたかどうかを確認します

Question

私がdivB中にいるとしましょうdivA。にクリックイベントがありますdivA。
しかし、divB内部divAもクリックされているかどうかを確認するにはどうすればよいですか？

jsFiddle- http: //jsfiddle.net/zwxK6/

スクリプト -

$('#divA').on('click', function() {
    //What to do here? how to check if divB inside divA is clicked also?
});​

Answer 1

これを試して：

$('#divA').on('click', function() {
    alert('divA is clicked');
});

$('#divB').on('click', function(e) {
    e.stopPropagation();
    alert('divB is clicked');
});

デモはこちら

Answer 2

イベントオブジェクトを使用してイベントのソースを取得し、クリックのためにバインドしている関数にイベントオブジェクトを渡すと、イベントのevent.targetソースが得られます。

ライブデモ

$('#divA').on('click', function(event) {
    alert(event.target.id);
    //Use event.target.id to check if divB inside divA is clicked also
});​

Answer 3

これをクリックするdivAと、divBクリックされます。

次のように見つけることができます：http://jsfiddle.net/zwxK6/4/

function fireIt(id) {
    alert(id + " is clicked too.");
}
$(function() {
    $('#divA').on('click', function(e) {
       $(e.target.id).children('div').click(
          fireIt($(e.target).children('div').attr('id'))
       );
    });
});