currentTarget与target的区别

参考文章：https://www.cnblogs.com/wkylin/archive/2011/08/25/2153538.html

currentTarget在事件流的捕获、目标及冒泡阶段。

target在事件流的目标阶段。

只有当事件流处于目标阶段的时候，两个指向才是一样的。

当事件流处于捕获和冒泡阶段的时候，target指向被单击的对象，而currentTarget指向当前事件活动的对象（一般指父级）

例子：

代码部分：

　　　　//x = event.currentTarget;
　　　　alert("The id of the triggered element: "+ x.id);
}

</script>
</head>

<body >

　　<div id="outer" style="background:#099" οnmοusedοwn="getEventTrigger(event)">
　　　　click outer
　　　　<p id="inner" style="background:#9C0" οnmοusedοwn="getEventTrigger(event)">
　　　　　　click inner
　　　　</p>
　　　　<br>
　　</div>

</body>
</html>

点击outer后显示：

点击inner后显示：

两个框内容均为inner

如果将代码中的

　　　　x=event.target;

　　　　//x = event.currentTarget;换为：

　　　　//x=event.target;

　　　　x = event.currentTarget;

那么点击outer时会显示：

点击inner时会显示：

转载于:https://www.cnblogs.com/1211dani/p/10002283.html

currentTarget与target的区别相关推荐

【微信小程序】e.target.id和e.currentTarget.dataset.id的区别
1.需求 page1展示一个列表,选中列表中的一项,获取该项的一些属性值,set到缓存里. page2 onLoad时从缓存里读取这个缓存,进行使用. 2.原始代码 ①page1的xml文件列表 & ...
JS event.currentTarget( ) 和 event.target( ) 的区别
这两个方法都是监听事件触发的目标.区别是,event.currentTarget( ) 会返回当前触发事件的元素:而event.target( ) 会返回触发事件触发的源头元素. 用法:可以用来监听触 ...
Spring--@within和@target的区别
关于Spring中@within和@target注解的区别,很多书籍中,把这2个注解的作用翻译成一样的了,或者是总结的不清晰.官方文档中原文为: Any join point (method exec ...
Spring中@within与@target的区别
区别 @within:定义在哪里,就作用在哪里.(有点静态编译的味道) @target:运行在哪里,就作用在哪里.(类比动态执行的感觉)@within,如果子类没有重写,在某个类上加一个注解,就会默认 ...
currentTarget VS target
target在事件流的目标阶段: currentTarget在事件流的捕获,目标及冒泡阶段.只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候, target指向被单 ...
aspectJ的this和target的区别；execution与call在使用ajc编译与LTW之间的神坑
this和target区别: this(Point)所有与Point执行过程中,出现调用点(包括它内部调用别人的方法)都会执行该切入的方法. target(Point)只针对于与Point有关系的切入 ...
SAP KKBC_ORD报表中Plan和Target的区别
1.SAP关于成本的概念 2.差异的计算方法. 3.实际成本计算方法 4.SAP variance 1.成本的概念标准成本=标准价格 * 标准数量 + 作业价格 * 标准数量计划成本=计划价格 * ...
java joinpoint教程_java joinpoint的this和target的区别
展开全部 this 和 target 的差别在于我们挑选时是按声明类型还是实例类型,按62616964757a686964616fe78988e69d8331333337613832下面链接中提到的代 ...
Android微信小程序原理,微信小程序事件流原理解析
这篇文章主要介绍了微信小程序事件流原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一.什么是事件? 事件是视图层到逻辑层的通讯方式: 事件可 ...
JavaScript事件使用指南
事件流事件流描述的是从页面中接收事件的顺序,IE和Netscape提出来差不多完全相反的事件流的概念,IE事件流是事件冒泡流,Netscape事件流是事件捕获流.事件冒泡 IE的事件流叫做事件冒泡, ...

currentTarget与target的区别

currentTarget与target的区别相关推荐

最新文章

热门文章