我正在使用jQuery来跟踪我的光标在屏幕上的移动(两者都是X& Y), 我在带有id的div上创建一个100px到100px的边框,我正在进行边框更改位置,以便它可以跟随光标。我知道我可以将光标更改为CSS中的图像,但我相信存在大小限制。
基本上,对于最终产品,我希望光标在窗口中的某个点之后停止移动。 (例如,如果您查看下面的小提琴,并快速将光标移出“结果”窗口,您将看到边框不在窗口的边缘)所以我正在寻找一个这种方式可以使其更具响应性,并在滚出窗口时将窗口放在窗口边缘。
下面的小提琴应该可以帮助您了解我需要帮助的内容。
http://jsfiddle.net/tygbkvyr/1/
我正在使用的JS如图所示。
jQuery(document).on("mousemove", function(event) {
jQuery('#theImage').css({left: event.pageX, top: event.pageY});
});
感谢您的所有帮助