vue click点击获取点击元素


<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);

你可能感兴趣的:(JavaScript,Vue,vue.js,javascript,前端)