javascript - 用鼠标旋转div

Question

我正在用 js 构建时间选择器，您可以在其中设置“真实”时钟的小时数。我正在使用此脚本旋转 div:

if (e.target.id == "rotationSliderContainer") {
    g = e.offsetX;
    h = e.offsetY;
}
var atan = Math.atan2(g - radius, h - radius);
deg = -atan / (Math.PI / 180) + 180;

虽然它可以工作但有一个小错误，每当您尝试在 2/3 和 9/10 之间移动 div 时它会“停止”或卡住，它甚至会在我旋转时将度数返回为 NaN当鼠标仍在 div 上时 div。

我找不到解决这个小问题的任何方法。我尝试使用 asin() 而不是 atan2 但它仍然没有用。

我是不是忽略了什么？演示:http://jsfiddle.net/afo7ky03/6/

Answer 1

这是你的问题

<div id="rotationSliderDegrees">0&deg;</div>

查看您的 Web 开发人员工具，您会看到 div 停止了，因为您的鼠标正在通过此 div。