用鼠标旋转div

Question

我正在js中建立时间选择器，你可以设置时间＆＃34; Real＆＃34;时钟。 我用这个脚本旋转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;

虽然它有效但它有一个小bug，每当你试图在2/3和9/10之间移动div时，它会停止＆＃34;或冻结，当我在旋转div时，它甚至会返回NaN度，而鼠标仍在div上。

我无法找到解决这个小问题的任何方法。我尝试使用asin()代替atan2，但它仍然无效。

我忽视了什么吗？演示：http://jsfiddle.net/afo7ky03/6/

Answer 1

这是你的问题

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

查看您的网络开发者工具，您会看到div停止，因为您的鼠标正在通过此div。