gpt4 book ai didi

javascript - VueJS获取鼠标坐标的方法

转载 作者:可可西里 更新时间:2023-11-01 02:30:55 25 4
gpt4 key购买 nike

我有一个用 v-on:click="someMethod" 触发的组件。

如何获取这次点击的鼠标坐标 (X, Y)?

附加信息:HTML5 Canvas 组件

最佳答案

Vue 将 event 作为方法中的第一个参数传递。如果是参数,请改用它:someMethod(param1, param2, event)

    methods: {
someMethod(event) {
// clientX/Y gives the coordinates relative to the viewport in CSS pixels.
console.log(event.clientX);
console.log(event.clientY);

// pageX/Y gives the coordinates relative to the <html> element in CSS pixels.
console.log(event.pageX);
console.log(event.pageY);

// screenX/Y gives the coordinates relative to the screen in device pixels.
console.log(event.screenX);
console.log(event.screenY);
}
}

关于javascript - VueJS获取鼠标坐标的方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45553162/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com