老师,关于target和currentTarget

老师,关于target和currentTarget

在addClick函数中,http://img1.sycdn.imooc.com//climg/5e7d8a870982d4dd08740411.jpg输出的e.target与e.currentTarget都指向left-item,不过改成e.target时可能会出现这样的问题http://img1.sycdn.imooc.com//climg/5e7d8af709577ed815600787.jpg而e.currentTarget确不会,这是什么原因呢?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,关于同学的问题回答如下:

1、target始终指向触发该事件的元素

2、currentTarget则指向当前事件处理函数绑定的元素

点击空白部分的时候,两个输出都是绑定事件的元素http://img1.sycdn.imooc.com//climg/5e7dd6040987c8e305980074.jpg

点击小图标或者文字的时候,两个输出的不同:
http://img1.sycdn.imooc.com//climg/5e7dd6600901a3cd06070081.jpg

只不过addClick()直接调用,不通过鼠标触发的时候,两个指向的是同一个元素。

同学再理解下。

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师