jquery隐藏鼠标光标的方法

Question

如何用jquery在整个网页中隐藏鼠标光标。 我尝试过

$(document).ready(function(){
        $(body).css({
           'cursor' : 'none'
        });
});

但这并不适用于所有浏览器。有没有什么插件可以实现这个功能。

提前致谢。

Answer 1

$('body').css('cursor', 'none');

Answer 2

我敢打赌它与 jQuery 方法无关，但实际上与您页面的 CSS 无关。

确保（使用 firebug）body 元素在页面上实际可见，内容可能是因为默认情况下将溢出设置为 auto，但您还需要将 body 高度和宽度设置为 100% 以确保当你的鼠标在屏幕上移动，它实际上调用了 body.mouseover()

这是一个工作示例 » http://jsfiddle .net/Ilmv/XQmqe/

Answer 3

另一种解决方案可以通过加载自定义透明 ICO/PNG 文件作为光标来完成。

cursor: url('my-transparent-cursor.ico');

所以现在用户有光标，但是是透明的、不可见的。只是我的两分钱。

Answer 4

使用透明 div 覆盖（具有绝对位置、100% 宽度和高度以及正 z 索引的 div）并将光标设置为无怎么样。然后使用 jQuery 来打开/关闭它？

Answer 5

绝对应该在所有浏览器中工作。检查 firebug 中光标出现在哪些元素上，并查看它是否具有显式的“cursor:pointer;”或同等设置。

Answer 6

我认为你可以在页面准备好时使用 div 元素进行覆盖，并将可见性设置为阻止。

HTML 代码：

<div>Test</div>

CSS 代码：

div {
  position: fixed;
  left: 0%;
  width: 100%;
  height: 100%;
  cursor: none;
  visibility: block;
}

希望它可以帮助你..
我在 jsfiddle 上测试它，它对我有用

也许这就是你发现的