html演示代码
<ul @click ="click($event)">
<li></li>
</ul>
只需要传入一个$event参数即可
JavaScript演示代码
下面即对应的点击函数
methods: {
click(e) {
//当前点击的元素
e.target
//绑定事件的元素(可以通过点击子元素触发)
e.currentTarget
//获得点击元素的前一个元素
e.currentTarget.previousElementSibling.innerHTML
//获得点击元素的第一个子元素
e.currentTarget.firstElementChild
//获得点击元素的下一个元素
e.currentTarget.nextElementSibling
// 获得点击元素中id为string的元素
e.currentTarget.getElementById("string")
//获得点击元素的class属性
e.currentTarget.getAttributeNode('class')
// 获得点击元素的父级元素
e.currentTarget.parentElement
// 获得点击元素的前一个元素的第一个子元素的HTML值
e.currentTarget.previousElementSibling.firstElementChild.innerHTML
}
}
评论区