[Vue]点击事件获取元素本身及事件

 <button  @click = “clickfun($event)”>点击</button>methods: {clickfun(e) {// e.target 是你当前点击的元素// e.currentTarget 是你绑定事件的元素}}

currentTarget：currentTarget 事件属性返回其监听器触发事件的节点，即当前处理该事件的元素、文档或窗口。
通俗一点说，就是你的点击事件绑定在哪一个元素上，currentTarget获取到的就是哪一个元素。
target：target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。
通俗一点说，就是你当前点击的是哪一个元素，target获取到的就是哪一个元素。

[Vue]点击事件获取元素本身及事件相关推荐

js第8章事件案例：获取触发事件的元素，阻止事件冒泡和默认行为的实现、缓动的小球、图片放大特效、按Enter键切换
目录 1.获取触发事件的元素,阻止事件冒泡和默认行为的实现. (1)获取触发事件的元素 (2)阻止事件冒泡 (3)阻止事件默认行为 2.缓动的小球,实现的原理是通过定时器连续地修改当前DOM元素的某个 ...
vue 点击div 获取位置_vue 点击元素滚动到指定位置
{{item}} {{item}} data() {return{ navgator: ['列表A','列表B','列表C','列表D', ], navgatorIndex:0, listBox: [ ...
JavaScript获取元素与绑定事件onclick事件
获取元素的方法: 1.window.document.getElementById(id字符串) 通过id名称获取,window可以不写,只能得到页面中带有指定ID的第一个元素 2.document. ...
selenium常用命令之操作页面元素及获取元素内容的事件整理
/**id <input type="text" id="phone" name="phone" class="LoginT ...
Vue 点击获得父元素，子元素，兄弟元素（DOM操作）
<ul @click ="clickfun($event)"><li></li> </ul>methods: {clickfun(e ...
transitionend、change、classList、兼容代码、元素样式属性的操作、-Attribute自定义属性、阻止跳转、元素绑定相同事件、元素解绑事件、事件冒泡、事件三阶段
transitionend过渡监听事件: 过渡监听事件transitionend指的是CSS3中过渡效果执行一次后触发事件处理函数,如下案例: <!DOCTYPE html><htm ...
（2）Echarts图表绑定特殊事件-图表元素绑定选中事件
在上篇文章中,介绍了Echarts关于元素绑定特殊事件需要做的处理和操作.而本文手把手教大家如何在源码中添加自己定义的事件. 需求介绍 :假设有个需求,一个图表有多根y轴,当用户点击某根轴的范围时,需 ...
vue 点击div 获取位置_vue接入腾讯位置服务之点击事件
1.[调用展示] //先在vue的index.html里面引入腾讯地图包 //.vue export default{ mounted() { this.init(); }, methods:{ in ...
JS javascript 点击鼠标鼠标事件获取元素获取元素Xpath
js代码,鼠标在页面点击时,记录元素的Xpath 代码: function mouse_down(event){ var x = event.clientX, y = event.clientYvar ...

[Vue]点击事件获取元素本身及事件

[Vue]点击事件获取元素本身及事件相关推荐

最新文章

热门文章