程式碼示例:
<div>
<div @touchstart="touchstart" @touchmove="touchmove" ></div>
</div>
let app = new Vue({
el: "#app",
data: {
message: "app"
},
methods: {
touchstart(e) {
console.log("touchstart")
// 當滑鼠移動時觸發
touchmove(e) {
console.log("touchmove")
}
})
利用事件回撥中的 e.targetTouches 屬性了。
// 獲取x 座標
e.targetTouches[0].clientX
// 獲取y 座標
e.targetTouches[0].clientY
程式碼示例:
<div>
<div @touchstart="touchstart" @touchmove="touchmove" ></div>
</div>
let app = new Vue({
el: "#app",
data: {
message: "app"
},
methods: {
touchstart(e) {
console.log("touchstart")
},
// 當滑鼠移動時觸發
touchmove(e) {
console.log("touchmove")
}
}
})
利用事件回撥中的 e.targetTouches 屬性了。
// 獲取x 座標
e.targetTouches[0].clientX
// 獲取y 座標
e.targetTouches[0].clientY