首页前端开发VUEelementui如何获取当前鼠标的位置

elementui如何获取当前鼠标的位置

时间2023-05-10 04:21:01发布访客分类VUE浏览922
导读:elementui如何获取当前鼠标的位置?代码示例:<div id="app"><div class="circle" @touchstart="touchstart" @touchmove="touchmove" >...

elementui如何获取当前鼠标的位置?

代码示例:

div id="app">

div class="circle" @touchstart="touchstart" @touchmove="touchmove" > /div>

/div>

let app = new Vue({

el: '#app',

data: {

message: 'app'

} ,

methods: {

// 当鼠标点击时触发,类似onclick事件

touchstart(e) {

console.log('touchstart')

} ,

// 当鼠标移动时触发

touchmove(e) {

console.log('touchmove')

}

}

} )

利用事件回调中的 e.targetTouches 属性了。

// 获取x 坐标

e.targetTouches[0].clientX

// 获取y 坐标

e.targetTouches[0].clientY

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: elementui如何获取当前鼠标的位置
本文地址: https://pptw.com/jishu/24595.html
html中各种标签的含义,html中性标签都有哪些 用css橄榄油精华过敏

游客 回复需填写必要信息