首页
学习
活动
专区
工具
TVP
发布

target,currentTarget和this三者的区别

https://blog.csdn.net/wkyseo/article/details/51863483 target在事件流的目标阶段;currentTarget在事件流的捕获,目标及冒泡阶段...只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(注册该事件的对象)(一般为父级)。...this指向永远和currentTarget指向一致(只考虑this的普通函数调用)。...事件流:捕获(自顶而下)——目标阶段——冒泡(自下而顶) 在事件处理程序内部,对象this始终等于currentTarget的值(换个角度理解,DOM上的方法this指向都为该DOM-方法调用模式),而...如果直接将事件处理程序指定给了目标元素,则this、currentTarget和target包含相同的值。

57450

微信小程序target和currentTarget的区别

在小程序中,e.target与e.currentTarget是非常重要的,尤其是涉及到页面传值时 currentTarget和target都是组件的一些属性值集合,由“data-属性名”定义的一些属性值...currentTarget:事件触发的当前事件(当前事件,可能是触发事件的源组件,可能是触发的事件组件(即触发事件源组件的子元素),此时点击子元素还是父元素,都是当前事件,应用e.currentTarget...;currentTarget则是绑定事件的该组件(父元素)的属性值集合。...给子元素绑定一个事件:childClick,打印出来的currentTarget和target就是一样的。...",e.currentTarget)//target:{child:"子元素"} } 扩展 结合this来看: this === e.currentTarget 总是为true this === e.target

1.3K10
您找到你想要的搜索结果了吗?
是的
没有找到

vue获取当前点击元素的父元素、子元素、上级元素等

e.currentTarget.firstElementChild # 获得点击元素的下一个元素 e.currentTarget.nextElementSibling...string属性 e.currentTarget.getAttributeNode('string') # 获得点击元素的父级元素 e.currentTarget.parentElement...$children // e 指向当前元素,可以通过 $event传递 e.target 是你当前点击的元素 e.currentTarget 是你绑定事件的元素 e.currentTarget.previousElementSibling.innerHTML...获得点击元素的前一个元素 e.currentTarget.firstElementChild 获得点击元素的第一个子元素 e.currentTarget.nextElementSibling...  获得点击元素的下一个元素 e.currentTarget.getElementById("string")   获得点击元素中id为string的元素 e.currentTarget.getAttributeNode

10.4K30

vue 点击事件获取当前元素

这样就需要进行传参: 关键词: $event  在括号中输入这个关键词,然后在方法中就可以使用以下的方法去获取你当前所需要使用的元素 //当前点击的元素 e.target //是你绑定事件的元素 e.currentTarget...//获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML //获得点击元素的第一个子元素 e.currentTarget.firstElementChild...//获得点击元素的下一个元素 e.currentTarget.nextElementSibling //获得点击元素中id为string的元素 e.currentTarget.getElementById...("string") //获得点击元素的string属性 e.currentTarget.getAttributeNode('string') //获得点击元素的父级元素 e.currentTarget.parentElement...//获得点击元素的前一个元素的第一个子元素的HTML值 e.currentTarget.previousElementSibling.firstElementChild.innerHTML 使用方法

1.7K10

解决django 和 vue 渲染冲突问题 event

// 需要获取input里面的值 currentTarget.previousElementSibling 的意思表示为获取当前标签的上一个标签...methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML...#获得点击元素的第一个子元素 e.currentTarget.firstElementChild # 获得点击元素的下一个元素 e.currentTarget.nextElementSibling...# 获得点击元素中id为string的元素 e.currentTarget.getElementById("string") # 获得点击元素的string属性 e.currentTarget.getAttributeNode...('string') # 获得点击元素的父级元素 e.currentTarget.parentElement # 获得点击元素的前一个元素的第一个子元素的HTML值 e.currentTarget.previousElementSibling.firstElementChild.innerHTML

83510

干货 | 扒一扒小程序开发中遇到的那些坑!

所以我现在都改成 2rpx 绑定事件获取的target与currentTarget是有区别的 在绑定事件获取当前组件数据的时候,拿到的envt里面有target和currentTarget 这两个玩意儿里面都有一个...正确的我们应该取 currentTarget 里面的就行,但是有时候这两个的数据是完全一样的,一不小心你就取错了。...那这个 target 和 currentTarget 有什么区别呢,官方的解释: target:触发事件的源组件; currentTarget:事件绑定的当前组件; 看个例子: <view id="outer...都是 inner,而 handleTap2 收到的事件对象 target 就是 inner,<em>currentTarget</em> 就是 middle。...其实很容易区分,target就是事件开始的地方,<em>currentTarget</em>就是你绑定事件的地方。 CSS引用静态资源问题 iconfont, 图片不能通过css,哦~应该该叫 wxss 本地引入。

53020
领券