Question

我试着做这样的事情：

var oldX=0,oldY=0;
$('body').mousemove(function(e){
     $('.movestatus').text('mouse moved');
     var clientCoords = "( " + e.clientX + ", " + e.clientY + " )";
     $(".chords").text(clientCoords);
     var ap = $("<div class='k'></div>");
     ap.offset({ top: e.clientX, left: e.clientY });
         $("body").append(ap);
     oldX = e.clientX;
     oldY = e.clientY;
 });

Demo

这很有用但是添加的div会在鼠标实际位置下方添加很多，也不会一直添加。

我该如何解决这个问题？

Answer 1

你忘记了一件小事：

.k {
    height:10px;
    width:10px;
    background:red;
    position:absolute; <-------
}

Answer 2

将position: absolute;添加到您的课程k

和

ap.offset({ top: e.clientX, left: e.clientY });

应该是：

ap.offset({ top: e.clientY, left: e.clientX });

example

jQuery定位并在鼠标移动时追加div

2 个答案: