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
投稿

猜你喜欢

  • JavaScript常用本地对象小结

    2024-06-18 09:23:44
  • python求质数列表的例子

    2021-01-10 01:42:56
  • Python tkinter实现图片标注功能(完整代码)

    2022-08-11 07:07:33
  • python的语句结构你真的了解吗

    2022-08-11 23:05:39
  • python文件与路径管理方法

    2022-06-15 13:38:06
  • 一个比较完美的spacer div技巧

    2009-03-18 19:29:00
  • Python中处理字符串之endswith()方法的使用简介

    2023-02-25 09:05:36
  • 如何避免查询调查结果时出现不相关主题的重复记录?

    2009-11-07 18:42:00
  • 如何利用FFmpeg合并音频和视频(多种方式)

    2022-03-09 10:58:58
  • MySQL与PHP的基础与应用专题之数据控制

    2023-11-23 01:03:21
  • 有效防止ASP木马上传运行—小知识[网络安全技术]

    2011-03-06 11:15:00
  • Go语言的数据结构转JSON

    2024-04-25 15:04:23
  • Python之字典对象的几种创建方法

    2023-04-28 13:15:57
  • 对python读写文件去重、RE、set的使用详解

    2022-09-25 04:33:48
  • 深入理解JS的事件绑定、事件流模型

    2024-04-22 22:44:44
  • Mysql数据库的安全性问题释疑

    2009-02-26 16:20:00
  • 详解CentOS 6.5中安装mysql 5.7.16 linux glibc2.5 x86 64(推荐)

    2024-01-15 19:01:11
  • Excute后都需要返回一个RecordSet对象吗?

    2009-10-28 18:28:00
  • SQL Server Parameter Sniffing及其改进方法

    2024-01-28 02:56:30
  • Python中Tkinter组件Menu的具体使用

    2023-09-11 12:46:26
  • asp之家 网络编程 m.aspxhome.com