vue中获取当前点击元素
2018-01-25 11:12
351 查看
取到富文本编辑器内容,点击图片视频放大或者切换路由功能
//data.content即为pc端编辑好的富文本内容 <div class="content" id="content" @click="getDom($event)"> <span v-html="data.content"></span> </div> //点击内容中的图片放大 getDom(event){ console.log(event)//event.target.nodeName为点击的元素 console.log(event.path[0].currentSrc)//点击为图片获取视频时的链接 let src = event.path[0].currentSrc //点击视频 if(event.target.nodeName == 'VIDEO'){ console.log('点击了video') } //点击图片 if(event.target.nodeName == 'IMG'){ console.log('点击了图片') } }
相关文章推荐
- 使用vue点击li,获取当前点击li父辈元素的属性值方法
- vue获取当前点击的元素并传值
- 使用vue点击li,获取当前点击li父辈元素的属性值
- vue怎么点击获取当前元素
- 获取当前元素是第几个点击值
- vue获取当前点击事件
- JQuery——获取当前点击元素的内容<This的用法>
- jQuery获取当前点击的对象元素
- js:for循环ul/li,获取当前被点击元素的id,以及给其他li设置属性
- vue获取当前元素
- 关于table 点击行获取当前行的某一个列元素
- vue 获取当前点击dom
- 自定义元素属性,以及用jquery 去获取当前点击的元素的这个自定义属性
- 获取当前点击的是哪个元素
- 如何获取当前点击元素的某个子元素
- 自定义元素属性,以及用jquery 去获取当前点击的元素的这个自定义属性
- jQuery获取当前点击的对象元素
- VUE中v-on:click事件中获取当前dom元素的代码