Mousedown pageX，pageY在鼠標移動pageX pageY後不一樣

Question

我想創建一個多選框（在空白處點擊並拖動，然後會有一個藍色的div），但點擊和拖動不一致，我不能找出問題所在。

試圖從一個空的空間是圍繞右下，右上或左下拖動，你可以看到淡藍色的盒子didnt實際上從點開始在鼠標按下

http://jsfiddle.net/wizztjh/jk4Uc/7/

Answer 1

在你的代碼中，我改變了

$(this).unbind().bind("mousemove" ,function(e){ 

到

$(this).bind("mousemove" ,function(e){  

新的代碼可以看出@http://jsfiddle.net/jk4Uc/6/

編輯

試試這個http://jsfiddle.net/jk4Uc/10/在此您拖動正是開始從鼠標按下。我將e.pageX更改爲e.clientX。

編輯

這是因爲你問@http://jsfiddle.net/jk4Uc/11/

改變

var oriX = e.clientX, //<== Here 
    oriY= e.clientY; //<== Here 
$("<div id='multiselectbox'></div>") 
     .appendTo("#canvas") 
     .css({ 
      top:oriY, //<== Here 
      left:oriX //<== Here 
     }); 

希望工作恰恰這是你在找什麼。