博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
target、this、currentTarget的区别
阅读量:4096 次
发布时间:2019-05-25

本文共 463 字,大约阅读时间需要 1 分钟。

先诉重点理论:

1. target:触发事件的某个具体对象,只会出现在事件流的目标阶段(谁触发谁命中,所以肯定是目标阶段)

2. currentTarget:绑定事件的对象,恒等于this,可能出现在事件流的任意一个阶段中

 

3. 通常情况下terget和currentTarget是一致的,我们只要使用terget即可,但有一种情况必须区分这三者的关系,那就是在父子嵌套的关系中,父元素绑定了事件,单击了子元素(根据事件流,在不阻止事件流的前提下他会传递至父元素,导致父元素的事件处理函数执行),这时候currentTarget指向的是父元素,因为他是绑定事件的对象,而target指向了子元素,因为他是触发事件的那个具体对象,如下代码和截图所示:

 

 

one.addEventListener('click',function(e){ console.log(e.target); //three console.log(e.currentTarget); //one},false);

 

 

 

转载地址:http://hvqii.baihongyu.com/

你可能感兴趣的文章
百度智能云文档汇总
查看>>
【Python】pdf2image模块+poppler将PDF转换为图片
查看>>
【测试】优秀软件测试工程师必备的8个能力
查看>>
【Python爬虫】爬虫程序的简单处理过程
查看>>
【测试】用例设计思路-六方面
查看>>
【职场】高薪的条件你满足几条?
查看>>
【Excel】函数DateDif查看两个日期之间的间隔
查看>>
【技巧】搜狗输入法特殊技巧
查看>>
【商业】梳理你的商业模式
查看>>
同步与异步以及线程与进程
查看>>
【Python爬虫】Windows环境下wxpy不需每次登陆重新扫描
查看>>
Win10系统设置任务计划执行python脚本
查看>>
【Word 】隐藏功能生成特殊线
查看>>
【Excel】设计简单抽奖小程序
查看>>
【Python】retrying模块使用场景
查看>>
【Python】Pygame模块设计游戏
查看>>
【Python爬虫】下载微信公众号图片
查看>>
【工具】Jupyter Notebook介绍
查看>>
【Python】提升Python程序性能的好习惯
查看>>
【Python】这些Python骚操作,你值得拥有
查看>>