JS target与currentTarget区别说明
时间:2023-08-22 20:14:40
<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。
标签:target,currentTarget
0
投稿
猜你喜欢
10款实用的jQuery图片插件
2011-01-25 12:28:00
Sql Server 2012 转换函数的比较(Cast、Convert和Parse)
2012-08-21 10:21:40
网页屏蔽鼠标左右键和键盘按键功能
2007-10-17 21:30:00
Python的gevent框架的入门教程
2023-06-26 16:58:34
PHP echo()函数讲解
2023-06-05 18:50:54
jquery AJAX 三个发送状态 posting, error, success
2010-07-31 18:59:00
Asp无组件生成缩略图
2007-10-26 12:08:00
Web设计中的黄金分割[译]
2009-02-20 13:41:00
asp base64加解密函数代码
2011-03-31 11:02:00
asp.net“服务器应用程序不可用” 解决方法
2023-06-29 10:05:30
MySQL数据库单一表突破4G限制的实现方法
2008-11-02 14:43:00
数据库中聚簇索引与非聚簇索引的区别[图文]
2012-02-25 19:38:23
asp javascript picasa相册外链批量导出
2011-03-30 10:52:00
随滚动条移动的DIV层js代码
2007-10-10 12:51:00
一个不错的js+css二级分类菜单代码
2007-12-28 21:22:00
Python 动态变量名定义与调用方法
2023-07-29 22:36:05
分析Silverlight Button控件布局
2009-02-17 13:13:00
提高ASP性能的最佳选择第二部分
2007-08-15 12:46:00
在线HTML编辑器原理(eweb原理)
2009-01-08 12:25:00
php数组索引与键值操作技巧实例分析
2023-07-01 21:39:10