如何根据鼠标位置改变光标?

2024-01-03

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

我知道我可以定义一个div,将其放置在该位置,并设置cursor: pointer;就它而言,但我正在寻找某种方法而不定义div.

我想要这样的东西:

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

可以这样做吗?


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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何根据鼠标位置改变光标? 的相关文章

随机推荐