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
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
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
![](https://img.aspxhome.com/file/2023/8/99348_0s.png)
有效防止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
![](https://img.aspxhome.com/file/2023/1/135561_0s.png)
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
![](https://img.aspxhome.com/file/2023/6/98046_0s.png)
Python中Tkinter组件Menu的具体使用
2023-09-11 12:46:26
![](https://img.aspxhome.com/file/2023/7/94147_0s.png)