2011-06-05 109 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