JS:获取鼠标点击位置
一、获取鼠标在目标元素中的点击位置
getClickPos.ts:
export const getClickPos = (e: MouseEvent) => {
return {
x: e.offsetX,
y: e.offsetY,
};
};
二、获取鼠标在页面中的点击位置
getClickPos.ts:
export const getPageClickPos = (e: MouseEvent) => {
return {
x: e.pageX,
y: e.pageY,
};
};
三、获取鼠标在视口中的点击位置
getClickPos.ts:
export const getClientClickPos = (e: MouseEvent) => {
return {
x: e.clientX,
y: e.clientY,
};
};
四、使用