JavaScript target 和 currentTarget 区别
2013-05-22 11:07
513 查看
target(IE下为scrElement):在W3cschool中解释为:返回触发此事件的元素,(事件的目标节点),意思就是说是哪个HTML元素触发了这个事件。
currentTarget:在W3cschool中解释为:返回其事件监听器触发该事件的元素,意思是当前事件发生在哪个元素
<script>
function doSomething(e) {
if (!e) e = window.event;
alert(e.currentTarget.id);
}
window.onload = function(e) {
if (!e) e = window.event;
var test1 = document.getElementById("test1");
var test2 = document.getElementById("test2");
test1.addEventListener("click", doSomething, false);
test2.addEventListener("click", doSomething, false);
}
</script>
<div id="test1">
<p id="test2">This is a test!</p>
</div>
当用户点击元素p的时候,doSomething()会被执行两次,但是你怎么知道当前是哪个元素在处理点击事件,target/srcElement都指向元素p,而currentTarget会指向当前处理事件的元素,所以先
然后再:
currentTarget指向了当前执行事件的元素。
currentTarget:在W3cschool中解释为:返回其事件监听器触发该事件的元素,意思是当前事件发生在哪个元素
<script>
function doSomething(e) {
if (!e) e = window.event;
alert(e.currentTarget.id);
}
window.onload = function(e) {
if (!e) e = window.event;
var test1 = document.getElementById("test1");
var test2 = document.getElementById("test2");
test1.addEventListener("click", doSomething, false);
test2.addEventListener("click", doSomething, false);
}
</script>
<div id="test1">
<p id="test2">This is a test!</p>
</div>
当用户点击元素p的时候,doSomething()会被执行两次,但是你怎么知道当前是哪个元素在处理点击事件,target/srcElement都指向元素p,而currentTarget会指向当前处理事件的元素,所以先
然后再:
currentTarget指向了当前执行事件的元素。
相关文章推荐
- javascript currentTarget与target的区别
- JavaScript中event对象中currentTarget和target的区别
- Javascript中, event 的 target 与 currentTarget 的区别
- Flex的 Event中属性currentTarget与target的区别
- JS事件:target与currentTarget区别
- 微信小程序中的 event.target和event.currentTarget区别?
- 事件中currentTarget和target的区别
- JS事件:target与currentTarget区别
- target与currentTarget的区别(jqueryui方式获取z-Index)
- javascript对象之this、currentTarget和target
- currentTarget 与 Target 的区别(转载)
- Flex的 Event中属性currentTarget与target的区别
- js中的target与currentTarget的区别<转>
- currentTarget 与 Target 的区别
- MouseEvent的click事件的currentTarget和target属性的区别
- event对象中 target和currentTarget 属性的区别。
- target与currentTarget区别
- Event中target与currentTarget的区别
- target与currentTarget区别
- flex 3 中 event 的 target 与 currentTarget的区别