javascript - 如何根据鼠标位置更改光标？

Question

我想将光标从 default 更改为至 pointer当鼠标进入 body 的矩形 (50, 50, 100, 100) 时元素(数字以像素为单位)。

我知道我可以定义一个 div ，放在这个位置，设置cursor: pointer;在上面，但我正在寻找一些没有定义 div 的方法.

我想要这样的东西:

if (mousePosition inside rectangle) {
    change cursor to pointer
} else {
    change cursor to default
}

这有可能吗？

Answer 1

尝试这样的事情(虽然未经测试):

$("body").mousemove(function(e){
    if (e.pageX > 50 && e.pageY > 50 && e.pageX < 100 && e.pageY < 100)
        $("body").css("cursor", "pointer");
    else
        $("body").css("cursor", "default");
});

出于性能原因，您可能希望使用全局变量，而不是每次都应用属性。您可能还想研究使用 CSS 类而不是直接在 JS 中设置样式。

更新:为什么我认为 style 而不是 css... :(