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 Form.elements[i]的使用实例
Nov 13 Javascript
用JavaScript仿PS里的羽化效果代码
Dec 20 Javascript
使用JavaScript 实现各种跨域的方法
May 08 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
Dec 23 Javascript
jQuery中removeClass()方法用法实例
Jan 05 Javascript
jquery简单的弹出层浮动层代码
Apr 27 Javascript
浅析JavaScript访问对象属性和方法及区别
Nov 16 Javascript
AngularJS 输入验证详解及实例代码
Jul 28 Javascript
jQuery ztree实现动态树形多选菜单
Aug 12 Javascript
Axios学习笔记之使用方法教程
Jul 21 Javascript
Vue表单及表单绑定方法
Sep 04 Javascript
vue项目接口域名动态获取操作
Aug 13 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
详细介绍PHP应用提速面面观
2006/10/09 PHP
如何去掉文章里的 html 语法
2006/10/09 PHP
PHP判断json格式是否正确的实现代码
2017/09/20 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
PHP的PDO错误与错误处理
2019/01/27 PHP
php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析
2020/02/28 PHP
ExtJs事件机制基本代码模型和流程解析
2010/10/24 Javascript
新鲜出炉的js tips提示效果
2011/04/03 Javascript
jQuery当鼠标悬停时放大图片的效果实例
2013/07/03 Javascript
JavaScript网页定位详解
2014/01/13 Javascript
JavaScript实现存储HTML字符串示例
2014/04/21 Javascript
node.js中的fs.unlinkSync方法使用说明
2014/12/15 Javascript
javascript实现依次输入input自动定焦
2014/12/23 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
ES6学习教程之Map的常用方法总结
2017/08/03 Javascript
基于JavaScript实现前端数据多条件筛选功能
2020/08/19 Javascript
jquery实现吸顶导航效果
2020/01/08 jQuery
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
vue接通后端api以及部署到服务器操作
2020/08/13 Javascript
python检测lvs real server状态
2014/01/22 Python
Python数据结构之单链表详解
2017/09/12 Python
python pandas 对时间序列文件处理的实例
2018/06/22 Python
python中单下划线_的常见用法总结
2018/07/10 Python
python实现公司年会抽奖程序
2019/01/22 Python
解决Python中回文数和质数的问题
2019/11/24 Python
python实现两个字典合并,两个list合并
2019/12/02 Python
Python识别验证码的实现示例
2020/09/30 Python
CSS3 text shadow字体阴影效果
2016/01/08 HTML / CSS
大学生咖啡店创业计划书
2014/01/21 职场文书
会计专业职业规划:规划自我赢取未来
2014/02/12 职场文书
出差报告格式模板
2014/11/06 职场文书
2015年班主任德育工作总结
2015/05/21 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python
Redis做数据持久化的解决方案及底层原理
2021/07/15 Redis
Win11自动黑屏怎么办 Win11自动黑屏设置教程
2022/07/15 数码科技