.target 属性详解

target属性用于返回最初触发事件的DOM元素。

在HTML文档中，我们为

元素绑定点击事件("click")，由于DOM元素的事件冒泡机制，我们点击

元素内的一个元素就可以触发

元素上绑定的click事件。target属性就用于返回最初触发事件的DOM元素，也就是本例中的元素。(currentTarget属性始终返回的都是该

元素)

该属性属于jQuery的Event对象(实例)。

语法

jQuery 1.3 新增该属性。

eventObject.target

返回值

target属性的返回值是Element类型，返回最初触发事件的DOM元素。

示例&说明

请参考下面这段HTML示例代码：

id="n1" style="height: 100px; background: #eee;" >
   

   

id="n2" style="background: #999;" >段落文本...段落文本...

        id="n3" style="background: #fff;" >专注于编程开发技术分享
   

jQuery示例代码如下(以下点击事件中的event.currentTarget属性始终指向div元素)：

$("div").click( function(event) {

    alert("最初触发事件的是:" + event.target.tagName + "#" + event.target.id);  
} );

// 点击span元素区域，弹出："最初触发事件的是:SPAN#n3"
// 点击p元素自身区域，弹出："最初触发事件的是:P#n2"
// 点击div元素自身区域，弹出："最初触发事件的是:DIV#n1"

                                                原文链接：http://www.365mini.com/page/jquery-event-target.htm