touch三个事件e.target的指向问题?

来源:8-6 Vue项目城市选择页 - 兄弟组件数据传递

慕数据6088604

2018-06-08

首先在三个touch事件分别添加 console.log(e.target.innerText),当我在模拟器中按住鼠标, 从Alphabet列表的A位置移动到Z位置的过程中 ,e.target.innnerText 始终是A元素,这个地方不是很理解

写回答

1回答

风雨彩虹168

2018-06-08

事件对象  e  的属性中有两个特别重要的属性:target与currentTarget属性:

对于这两个属性,官方文档上的解释是:

     target:事件源组件对象

     currentTarget:当前组件对象


所以,在这里,e.target是点击事件触发的对象(也就是A位置对象);

而e.currentTarget才是事件绑定当前的对象(也就是Z位置,是否使用这个属性?)。


0
1
慕数据6088604
好像与currentTarget 无关吧, currentTarget 只能在事件流方向上传递,我在移动的时候很明显是target目标元素改变了
2018-06-08
共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程