Question

我试图根据鼠标事件和方向移动div，我的意思是将div移动到相同的方向，其中移动鼠标，但对于div的移动，将有限制。到目前为止我有这个：

    $("#foo").mousemove(function(event) {
        $("#bee1").animate({"left": "150px"}, 2000)
    });

和css：

#bee1 { position:absolute; top:200px; left:160px; }

现在，在移动鼠标后，div只向一个方向移动，然后停止。但我希望它移动方式移动鼠标，在同一方向））我该怎么办？！ 谢谢大家的帮助！

Answer 1

我认为你正在寻找这个

正在使用 demo

$("#foo").mousemove(function(event) {
        $("#bee1").stop().animate({left: event.pageX, top: event.pageY}, 300)
});

Answer 2

有关使用RxJs的示例，请参阅http://www.thinqlinq.com/Post.aspx/Title/Select-Many-with-Rx-and-RxJs。

Answer 3

每次触发event.pageX时，您都可以提取event.pageY和mousemove。通过将它们存储为全局变量并将它们与后续值进行比较，您可以准确计算鼠标移动的方向和距离。

http://api.jquery.com/event.pageX/

如果您愿意，可以将新旧值之间的差异直接反馈到.animate。