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>

最新文章

  1. C#中try catch中throw ex和throw方式抛出异常有何不同
  2. 在服务器端将现有Git项目导入GitLab
  3. mysql 数据库获取当前时间
  4. js中的call、apply
  5. Mongodb FAQ fundamentals(基础篇)
  6. jQuery中的阻止默认行为
  7. ios 以NSObject为父类的各类间继承关系
  8. MFC调试小技巧
  9. mysql sql语句大全(转载)
  10. 非root用户Memcached repcached安装
  11. 微信小程序入门
  12. ARM v7汇编与相关练习
  13. Angular项目中核心模块core Module只加载一次的实现
  14. __x__(45)0910第六天__各种表单
  15. View的getMeasuredWidth和getWidth有什么区别?
  16. Scrapy工作原理
  17. js之搜索框
  18. (转)Ubuntu无法找到add-apt-repository问题的解决方法
  19. SublimeText SFTP连接Amazon EC2
  20. Python基础语法题库

热门文章

  1. 第11课 Git GUI程序的基本功能
  2. Docker 常用命令和命令集结
  3. IPv6系列-初学者的10个常见困扰
  4. C#之纯数字判断
  5. android指纹识别、拼图游戏、仿MIUI长截屏、bilibili最美创意等源码
  6. [原创]Linux(CentOS)下安装nodejs+express
  7. html5 web worker学习笔记(记一)
  8. 安装rails卡住很慢 出现302 Moved Temporarily
  9. VTK嵌入MFC同步显示
  10. C# 截取字符串基本