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

使用事件对象获取事件源，将事件对象传递给您要绑定的功能以进行点击，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 2

试试这个：

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

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

在这里演示

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'))
       );
    });
});