鼠标旋转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。