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