Jquery - 如何检查事件目标单击了哪个元素？

Question

是否可以检查事件目标单击了哪个元素？

e.on('click', function(){
    if(!$(e.target) == 'input'){
        //do something
    }
});

我尝试了以下构造，但似乎不起作用，与以下内容相同：

e.on('click', function(){
    if(!$(e.target).is('input')){
        //do something
    }
});

我只是不知道事件目标是否可以检查类似的东西。

Answer 1

您必须指定您单击的元素的位置。假设我们有这个 html：

html

<div></div>

jQuery

$("body").on("click", function(e) {
     if($(e.target).is("input")) {
           console.log(e.target);
     }
});

小提琴

纯JS

document.onclick = function(evt) {
    var evt=window.event || evt; // window.event for IE
    if (!evt.target) evt.target=evt.srcElement; // extend target property for IE
    alert(evt.target); // target is clicked
}

小提琴