2011-06-05 48 views
0

如何可以得到X,Y,当鼠标按下在图像,然后在图像中鼠标移动,然后鼠标松开得到的x,y问题与jquery移动图像

(2,X,Y 1-X,Y,当鼠标向下2 -x,y当鼠标向上时) 所有事件在一个图像中。 和语言的jQuery

这是我的代码,这个不工作(图像坚持鼠标只有mouse_d称呼)

VAR MX1; var my1; 。

$( “文件”)准备(函数() { $( “IMG#地面”)结合( “鼠标按下”,mouse_d); $( “IMG#地面”)结合(”。 mouseup“,mouse_u); $(”img#ground“)。bind(”dragstart“,mouse_d); });

 function mouse_d(event) 
     {  

      mx1=event.pageX; 
      my1=event.pageY; 
     } 

    function mouse_u(e) 
    { 

      mx2=e.pageX; 
      my2=e.pageY; 
      mx2=mx1-mx2; 
      my2=my1-my2; 
     } 
+0

你没有在你的代码中的任何地方使用jQuery,那么为什么你要这样的问题标签? – 2011-06-05 07:40:00

+0

我要将这段代码转换成jquery – naser 2011-06-05 07:43:39

+0

var mx1; var my1; (“img#ground”); bind(“mousedown”,mouse_d); $(“img#ground”)。bind(“mouseup” ,mouse_u); }); function mouse_d(event) { mx1 = event.pageX; my1 = event.pageY;} – naser 2011-06-05 07:44:13

回答

2

您是否试图实现拖放效果?

如果是这样,这是最终的解决方案: http://jqueryui.com/demos/draggable/

+0

这工作,但我不想要用户界面项目(用户界面是巨大的) – naser 2011-06-05 07:56:19

0

使用Firefox时,是ISNS变量是真的吗?否则不会设置mouseup事件。

+0

我不想要移动图像,我想捕捉x,y点击下来,当鼠标移动时。 – naser 2011-06-05 07:50:56

+0

你能解释一下吗? – naser 2011-06-05 08:15:12