vue事件获取事件对象,vue获取事件源,vue event.currentTarget

最新推荐文章于 2025-04-09 14:20:51 发布

weixin_30670925

最新推荐文章于 2025-04-09 14:20:51 发布

阅读量8.5k

点赞数 2

文章标签： javascript java 数据库 ViewUI

原文链接：http://www.cnblogs.com/zhaoyun4122/p/10814903.html

版权

博客介绍了不同前端技术获取事件对象的方法。原生JS可直接用this获取，jQuery使用$(this)，Vue需借助event对象的currentTarget。还给出了jQuery中通过currentTarget获取点击元素相关元素及属性的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js的事件，如点击事件，可以直接用this获取事件对象，而jQuery可以使用$(this)来获取事件对象。vue必须借助事件的 event 对象的 currentTarget 才能获取事件对象

v-on:click="onClick( $event)"

onClick(e){

//jquery

$(e.currentTarget)

console.log(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
}