Question

当鼠标输入default元素的矩形（50,50,100,100）时，我想将光标从pointer更改为body（数字在像素）。

我知道我可以定义div，将其放在此位置，并在其上设置cursor: pointer;，但我正在寻找一些方法而不定义div。< / p>

我想要像：

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 ...... :(

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

1 个答案: