如何用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叠加（div具有绝对位置，100％宽度和高度，以及正z-index），并将光标设置为无。然后使用jQuery打开/关闭它？

Answer 5

绝对可以在所有浏览器中使用。检查firebug光标出现在哪个元素上，看它是否有一个明确的“cursor：pointer;”或等效设置。

Answer 6

我认为你可以在页面准备就绪时使用div元素进行叠加，将可见性设置为阻止。

HTML CODE：

<div>Test</div>

CSS代码：

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

希望它可以帮到你.. 我在jsfiddle上测试它，它适用于我

也许就是你找到的