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
  • asp之家 网络编程 m.aspxhome.com