Javascript 加载页面时更改光标

所以我试图做的是在加载某个页面时将光标更改为等待

我认为这在css中是可能的，我试图在有人点击某个链接时实现这一点，所以我得到的是：

#something a:hover { cursor: hand; }
#something a:active { cursor: wait; }

但这不起作用，当鼠标悬停链接时，这是一只手，当一秒钟是等待时，但我希望等待继续，直到新页面出现

所以我的问题是： 这是错的吗？实现我想要的？

---

或者我必须使用javascript吗？

与CSS选择器相关的

cursor

属性的含义是，当鼠标位于与选择器匹配的元素上时，然后使用光标。因此，要更改整个文档的光标，您需要执行以下操作：

html {
    cursor: wait;
}

显然，这将永远改变光标（或者直到用户关闭页面，以先到者为准）。要动态执行此操作，您需要使用javascript：

document.body.style.cursor = 'wait';

请注意，

cursor:hand

仅受IE支持，仅适用于IE 5。正确的光标名称是

指针

。当然，如果您需要支持IE5，则需要使用

游标：hand

。您可以使用类名来更改光标，而不是使用浏览器嗅探：

CSS:

JS:

---

方法如下：

在第一页上（单击链接后立即显示）：

---

在第二页上（在新页面完成加载之前显示）：

//尽快将光标设置为“等待”
document.body.style.cursor='wait'；
//当窗口完成加载后，将其设置回默认值。。。
window.onload=function（）{document.body.style.cursor='default'；}

---

请注意，页面是按顺序加载的，因此

cursor='wait'

行越靠近第二页的顶部，在新页面上显示光标的延迟就越小。

正如“responsed”所说，您可以使用CSS将光标附加到html元素，该元素应该覆盖整个页面

但是您需要使用onclick向页面中的每个锚点添加一个侦听器，onclick调用一个函数，将光标设置在HTML或body元素上。当页面重新加载时，光标将再次返回默认值，因为javascript将刷新

var anchors = document.getElementsByTagName("a");
for (var i=0,len=anchors.length; i<len; i++) {
  anchors[i].onclick = function() {
    document.body.style.cursor = "wait";
  };
}

var-anchors=document.getElementsByTagName（“a”）；
对于（var i=0，len=anchors.length；i
cursor:pointer；
——旧的IE“手”不是X-browser，在IE9中消失了。我也尝试过类似的方法，但没有成功。当然，我犯了一些错误，我想将它应用到元素中。我如何在链接中，在html中应用它？我也尝试过类似的方法，但没有成功。当然，我犯了一些错误，我想将它应用到元素中。如何我将其应用于链接内部，html内部？好的，现在我明白了-您有一个两步过程-1）在links onclick（）事件中，您需要设置光标以等待文档正文。2） 在新页面上，您需要将光标设置为等待页面完成加载（如上面的回答所示）。无论你做什么，当你无法控制光标时，旧页面卸载和新页面加载之间都会有一段时间……这就是我的问题！它没有在新页面上添加任何内容，尽管它完全有意义！事实上，我不是很理解，但这样说是有道理的。非常感谢！：）很高兴我能帮忙。请注意，在某些浏览器中，一旦加载了新页面，JavaScript就会停止执行，因此请确保在尝试更改页面之前（如上面的演示所示）而不是之后设置光标。Good luckI想将光标更改为某个图像。你知道怎么做吗？或者是一个我可以学习jquery或javascript的好地方？我不知道为什么，但我无法让这些示例中的任何一个起作用。你有一个我们可以查看的示例页面吗？我尝试了你的示例。然后在html模板中，我有一个表，里面有链接：还有你的例子。在css中：悬停时，光标是指针。下面是你的例子..Perhabs有些愚蠢，Javascript对我来说仍然很奇怪：P
document.body.className = 'handCursor';

<a href="http://www.example.com/Page2.html" onclick="document.body.style.cursor='wait'; return true;">

<script type="text/javascript">
    // Set the cursor ASAP to "Wait"
    document.body.style.cursor='wait';

    // When the window has finished loading, set it back to default...
    window.onload=function(){document.body.style.cursor='default';}
</script>

var anchors = document.getElementsByTagName("a");
for (var i=0,len=anchors.length; i<len; i++) {
  anchors[i].onclick = function() {
    document.body.style.cursor = "wait";
  };
}