jquery事件之event.target用法详解

1. 定义和用法:

显示哪个 DOM 元素触发了事件：



$("p, button, h1, h2").click(function(event){

  $("div").html("Triggered by a " + event.target.nodeName + " element.");

});



定义和用法

target 属性规定哪个 DOM 元素触发了该事件。

语法

event.target参数 描述 

event 必需。规定需要检查的事件。这个 event 参数来自事件绑定函数。

 

event.target

说明：引发事件的DOM元素。

this和event.target的区别

js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；

this和event.target的相同点

this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target);