JS target与currentTarget区别说明


Posted in Javascript onAugust 28, 2011
<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。
Javascript 相关文章推荐
JS 统计时间
Mar 09 Javascript
JavaScript下申明对象的几种方法小结
Oct 02 Javascript
juery框架写的弹窗效果适合新手
Nov 27 Javascript
setTimeout自动触发一个js的方法
Jan 15 Javascript
js代码实现随机颜色的小方块
Jul 30 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
Dec 17 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
Feb 26 Javascript
javascript 秒表计时器实现代码
Mar 09 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
Mar 01 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
Jun 06 Javascript
Vue ElementUI实现:限制输入框只能输入正整数的问题
Jul 31 Javascript
JS遍历树层级关系实现原理解析
Aug 31 Javascript
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
Aug 28 #Javascript
range 标准化之获取
Aug 28 #Javascript
dojo学习第一天 Tab选项卡 实现
Aug 28 #Javascript
js中设置元素class的三种方法小结
Aug 28 #Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
Aug 28 #Javascript
IE6、IE7中获取Button元素的值的bug说明
Aug 28 #Javascript
JavaScript 选中文字并响应获取的实现代码
Aug 28 #Javascript
You might like
超级简单的发送邮件程序
2006/10/09 PHP
浅析php变量作用域的一些问题
2013/08/08 PHP
详解PHP的Yii框架中自带的前端资源包的使用
2016/03/31 PHP
PHP中使用foreach()遍历二维数组的简单实例
2016/06/13 PHP
PHP设置images目录不充许http访问的方法
2016/11/01 PHP
php通过header发送自定义数据方法
2018/01/18 PHP
取得一定长度的内容,处理中文
2006/12/20 Javascript
jQuery 类twitter的文本字数限制带提示效果插件
2010/04/16 Javascript
基于json的jquery地区联动效果代码
2011/07/06 Javascript
jquery获取tr中控件值并操作tr实现思路
2013/03/27 Javascript
JQuery操作单选按钮以及复选按钮示例
2013/09/23 Javascript
JS给Array添加是否包含字符串的简单方法
2016/10/29 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
2017/07/12 jQuery
jQuery中将json数据显示到页面表格的方法
2018/05/27 jQuery
vue实现自定义多选与单选的答题功能
2018/07/05 Javascript
vue项目动态设置页面title及是否缓存页面的问题
2018/11/08 Javascript
vue组件系列之TagsInput详解
2020/05/14 Javascript
浅谈vue中$event理解和框架中在包含默认值外传参
2020/08/07 Javascript
[46:20]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python循环语句中else的用法总结
2016/09/11 Python
Python分析学校四六级过关情况
2017/11/22 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
一个非常简单好用的Python图形界面库(PysimpleGUI)
2020/12/28 Python
利用CSS3的flexbox实现水平垂直居中与三列等高布局
2016/09/12 HTML / CSS
使用jquery实现HTML5响应式导航菜单教程
2014/04/02 HTML / CSS
BLACKMORES澳洲官网:澳大利亚排名第一的保健品牌
2018/09/27 全球购物
毕业生的求职信范文分享
2013/12/04 职场文书
煤矿班组长岗位职责
2013/12/29 职场文书
致裁判员加油稿
2014/02/08 职场文书
股份转让协议书
2014/04/12 职场文书
竞聘演讲稿
2014/04/24 职场文书
党支部综合考察材料
2014/05/19 职场文书
安全责任书
2015/01/29 职场文书
党员志愿者服务倡议书
2015/04/29 职场文书
python基础之错误和异常处理
2021/10/24 Python
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫