.target 属性详解「终于解决」

(46) 2023-06-21 15:12

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说.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

上一篇

已是最后文章

下一篇

已是最新文章

发表回复