vue 点击事件获取当前元素

你的明明呐丶

发布于 2022-09-26 15:10:27

1.8K0

发布于 2022-09-26 15:10:27

在开发中我们可能会使用单击事件去获取当前元素，这样就需要进行传参：

关键词: $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

使用方法：