Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery获取触发事件的实际控件。_Javascript_Jquery - Fatal编程技术网

Javascript Jquery获取触发事件的实际控件。

Javascript Jquery获取触发事件的实际控件。,javascript,jquery,Javascript,Jquery,我有以下html:- <button type="button" class="btn-add"> <i class="some-icon"></i> </button> 现在,当我点击按钮的中心时,上面javascript的输出是元素,因为e.target。是否有其他方法获取触发此事件的实际控件,在本例中是?阅读此内容 以下是您的解决方案: 您可以使用this或e.currentTarget $('button').click(funct

我有以下html:-

<button type="button" class="btn-add">
  <i class="some-icon"></i>
</button>
现在,当我点击按钮的中心时,上面javascript的输出是
元素,因为e.target。是否有其他方法获取触发此事件的实际控件,在本例中是

阅读此内容

以下是您的解决方案:


您可以使用
this
e.currentTarget

$('button').click(function(e){
    console.log(e.target);
    console.log(this);
    console.log(e.currentTarget);
})

演示:

请向我们展示安装事件处理程序的代码
事件处理程序中的this
应该是事件绑定到的对象。$(this)在click事件中
$('.btn-add').click(function(e) {
    alert(e.currentTarget.tagName);
});
$('button').click(function(e){
    console.log(e.target);
    console.log(this);
    console.log(e.currentTarget);
})