前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue click点击获取点击元素

vue click点击获取点击元素

原创
作者头像
用户1349575
发布2022-02-14 20:47:55
4.6K0
发布2022-02-14 20:47:55
举报
文章被收录于专栏:编程社区编程社区
代码语言:javascript
复制

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

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

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

Event对象的一些兼容写法

代码语言:javascript
复制
// 获得event对象兼容性写法
event||(event = window.event);

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

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

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档