vue click点击获取点击元素

在线小白www

已于 2022-01-20 13:50:53 修改

阅读量6.6k

点赞数 3

分类专栏： JavaScript Vue 文章标签： vue.js javascript 前端

于 2021-01-18 19:05:14 首次发布

本文链接：https://blog.csdn.net/qq_43654065/article/details/112791865

版权

JavaScript 同时被 2 个专栏收录

128 篇文章 7 订阅

订阅专栏

Vue

48 篇文章 2 订阅

订阅专栏


<div @click="test($evnet)">点击</div>

//获取当前点击元素
methods:{
	test(e){
		console.log(e.currrentTarget)
	}
}

currentTarget事件属性返回其监听器触发事件的节点，即当前处理该事件的元素、文档或窗口。即点击事件绑定在哪个元素，currentTarget获取的就是那一个元素。在捕获和起泡阶段，该属性是非常有用的，因为在这两个节点，它不同于target属性。
Event对象的一些兼容写法

// 获得event对象兼容性写法
event||(event = window.event);

//获得target兼容性写法
event.target||event,srcElement

//阻止浏览器默认行为兼容性写法
event.preventDefault ? event.preventDefault():(event.returnValue = false);

//阻止冒泡写法
event.stopPropagation ? event.stopPropagation():(event.cancelBubble = true);