JS target与currentTarget区别说明
更新时间：2011年08月28日 18:51:30 作者：
target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的，而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象（一般为父级）。
复制代码 代码如下:
<div id="outer" style="background:#099">
click outer
<p id="inner" style="background:#9C0">click inner</p>
<br>
</div>
<script type="text/javascript">
function G(id){
return document.getElementById(id);
}
function addEvent(obj, ev, handler){
if(window.attachEvent){
obj.attachEvent("on" + ev, handler);
}else if(window.addEventListener){
obj.addEventListener(ev, handler, false);
}
}
function test(e){
alert("e.target.tagName : " + e.target.tagName + "\n e.currentTarget.tagName : " + e.currentTarget.tagName);
}
var outer = G("outer");
var inner = G("inner");
//addEvent(inner, "click", test);
addEvent(outer, "click", test);
</script>
上面的示例中，当在outer上点击时，e.target与e.currentTarget是一样的，都是div；当在inner上点击时，e.target是p，而e.currentTarget则是div。
您可能感兴趣的文章:
- JS中innerHTML和pasteHTML的区别实例分析
- JavaScript中innerHTML，innerText，outerHTML的用法及区别
- javascript中innerText和innerHTML属性用法实例分析
- Javascript中innerHTML用法实例分析
- js中的触发事件对象event.srcElement与event.target详解
- JavaScript获得表单target属性的方法
- js 有框架页面跳转(target)三种情况下的应用
- javascript currentTarget对象介绍
- js中innerText/textContent和innerHTML与target和currentTarget的区别
相关文章
深入探讨JavaScript中parseInt与Number数字转换方法的区别
在Javascript编程中,数字是一种常见的数据类型,经常需要在不同的情境下进行不同类型的操作,本文将深入探讨parseInt()和Number()的区别,通过代码示例和详细解释,帮助大家更好地理解它们的用途,需要的朋友可以参考下2023-08-08
这篇文章主要为大家详细介绍了微信小程序实现简单的摇骰子游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
通过实例解析JavaScript for in及for of区别
这篇文章主要介绍了通过实例解析JavaScript for in及for of区别,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了微信小程序实现购物车代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08
这篇文章主要为大家详细介绍了js如何获取网页所有图片，js获取网页所有图片的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
理解javascript函数式编程中的闭包（closure）
这篇文章主要帮助大家理解javascript函数式编程中的闭包（closure）概念，通俗地讲， JavaScript 中每个的函数都是一个闭包，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要为大家详细介绍了js实现盒子滚动动画效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
今天经过测试，实现了利用JS来自动打开页面上的链接的功能，其实比较简单，就是在页面上把链接列表列出来，然后通过JQuery的相关控制，在框架页中把链接打开，具体能做什么用，大家自己想，哈哈。2011-09-09
JQuery有很多这样的插件，但本文的这个是跟着自己的想法写的，也不知道他人是如何实现的，感兴趣的朋友可以了解下2014-01-01
浅析document.createDocumentFragment()与js效率
对于循环批量操作页面的DOM有很大帮助！利用文档碎片处理，然后一次性append，并且使用原生的javascript语句操作2013-07-07
最新评论