鼠标下移页面X，页面Y和鼠标移动页面X后页面Y不一样，随机发生

Mousedown pageX , pageY is not same after mousemove pageX pageY , happens randomly

本文关键字：鼠标 不一样 随机 页面 移动      更新时间：2023-09-26

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

试着从右下角、右上角或左下角的空白处拖动，你可以看到浅蓝色的框实际上并不是从鼠标按下的地方开始的

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

在您的代码中，我更改了

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

希望这就是你想要的。

相关文章：