Javascript Firefox和Internet Explorer中的raphael js拖动旋转

Javascript Firefox和Internet Explorer中的raphael js拖动旋转,javascript,rotation,raphael,drag,Javascript,Rotation,Raphael,Drag,我是SVG和Raphael领域的新手,正在尝试创建一个带有可拖动指针的径向刻度盘 拖动在Chrome、Safari和Opera中工作良好。在InternetExplorer中,运动非常紧张,通常会回到初始位置。在Firefox中,它根本不起作用:( 这是一把小提琴 任何提示都将不胜感激。我看不出“事件”是在哪里定义的,您可以尝试修改处理程序函数参数,以便像这样直接处理事件 moveNeedle = function (dx,dy,x,y,e) { ....

我是SVG和Raphael领域的新手,正在尝试创建一个带有可拖动指针的径向刻度盘

拖动在Chrome、Safari和Opera中工作良好。在InternetExplorer中,运动非常紧张,通常会回到初始位置。在Firefox中,它根本不起作用:(

这是一把小提琴


任何提示都将不胜感激。

我看不出“事件”是在哪里定义的,您可以尝试修改处理程序函数参数,以便像这样直接处理事件

      moveNeedle = function (dx,dy,x,y,e) {

      ....

      var startDrag = function () {
            // console.log(this);
      }, 
      dragger = moveNeedle,
      endDrag = function () {};

编辑:这应该可以修复firefox的bug。对于这个神经质的问题,我认为它是layerX/Y。也许可以使用类似clientX/Y的东西,例如

           var mouseX = e.clientX;
           var mouseY = e.clientY;

什么是moveNeedle中的事件(event);?这是Raphael为拖动功能创建的事件对象Hanks Ian,它似乎在Firefox中工作。但它的行为与在Internet Explorer中一样,非常紧张的运动增加了额外的一点,我想问题可能是layerXYes,这已经解决了紧张的问题。非常感谢Ian!
           var mouseX = e.clientX;
           var mouseY = e.clientY;