如何计算鼠标相对于转换后的父级的偏移量

问题描述

如何计算鼠标光标相对于正在转换的元素的 offsetX 和 offsetY,即使鼠标没有移动?

https://jsfiddle.net/kevin_dorion/usrLd1x3/34/

// this is the value I need to update,even when the mouse is not moving
offsetEl.innerHTML = `x: ${evt.offsetX} y: ${evt.offsetY}`;

如您所见,在 mousemove 上,我获得了 offsetX 和 offsetY 值,这正是我所需要的。但是我还需要注意当鼠标不移动时这些值会发生变化。

requestAnimationFrame(animate);
// how do I manually calculate offsetX and offsetY of the mouse cursor relative to the "el" element when the mouse is not moving?

我想保留最后一个鼠标事件,使用 pageX/pageY 来定位一个元素,然后计算它的偏移量,但我无法让它正常工作。

谢谢!

编辑:我正在考虑存储最后一个已知矩阵/鼠标坐标组合,使用当前矩阵并进行一些插值,但我也无法正确...

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)