event.currentTarget与event.target的差别介绍
2024-09-01 21:16:43
event.currentTarget与event.target的差别想大家在使用的时候不是非常在意。本文以測试代码来解说它门之间的不同。即,event.currentTarget指向事件所绑定的元素,而event.target始终指向事件发生时的元素。翻译的不专业,好拗口啊,还是直接上測试代码吧:
<div id="wrapper">
<a href="#" id="inner">click here!</a>
</div>
<script type="text/javascript" src="source/jquery.js"></script>
<script>
$('#wrapper').click(function(e) {
console.log('#wrapper');
console.log(e.currentTarget);
console.log(e.target);
});
$('#inner').click(function(e) {
console.log('#inner');
console.log(e.currentTarget);
console.log(e.target);
});
/*
以上測试输出例如以下:
当点击click here!时click会向上冒泡,输出例如以下:
#inner
<a href="#" id="inner">click here!</a>
<a href="#" id="inner">click here!</a>
#wrapper
<div id="wrapper">…</div>
<a href="#" id="inner">click here!</a>
*/
</script>
最新文章
- C#中try catch中throw ex和throw方式抛出异常有何不同
- 在服务器端将现有Git项目导入GitLab
- mysql 数据库获取当前时间
- js中的call、apply
- Mongodb FAQ fundamentals(基础篇)
- jQuery中的阻止默认行为
- ios 以NSObject为父类的各类间继承关系
- MFC调试小技巧
- mysql sql语句大全(转载)
- 非root用户Memcached repcached安装
- 微信小程序入门
- ARM v7汇编与相关练习
- Angular项目中核心模块core Module只加载一次的实现
- __x__(45)0910第六天__各种表单
- View的getMeasuredWidth和getWidth有什么区别?
- Scrapy工作原理
- js之搜索框
- (转)Ubuntu无法找到add-apt-repository问题的解决方法
- SublimeText SFTP连接Amazon EC2
- Python基础语法题库