elementui如何获取当前鼠标的位置
导读: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