mousedown pageX pageY后，mousedown pageX，pageY不同，随机发生

Question

我想创建一个多选框（在空白处单击并拖动，然后会有一个蓝色div），但是单击和拖动不一致，我无法找出问题。

尝试从右下，右上或左下附近的空白处拖动，您会看到浅蓝色框实际上不是从鼠标向下的点开始的

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
       });

希望这是您想要的。