Javascript 提交时旋转光标

我认为这是一个很常见的问题，但我还没有找到一个有效的解决方案。我希望光标开始旋转光标：等待用户单击表单的提交按钮

<button type="submit" class="save btn btn-grey" id="button">Gem</button>

这是我尝试过的解决方案：

---

问题是，一旦用户将鼠标移离按钮，忙碌的光标就会消失。我希望光标保持忙碌状态，直到加载新页面。提交表单将导致一个新页面

更改CSS类以显示您希望它出现的任何元素，可能是body。。。到另一个包含以下内容的类：

光标：等等

在本例中使用javascript/jquery提交时

注意：Body在jsfiddle中不起作用，但是您可以创建一个container div并以这种方式进行测试，我已经修改了fiddle，为您提供了一个示例

即

---

可以将onsubmit事件绑定到表单。 在下面的示例中，我在submit按钮上添加了onclick，因为stackoverflow不支持表单

//单击一次提交按钮 document.getElementsByClassName'save'[0].onclick=function{ //保存元素以在超时后删除类。 var elem=event.target； //将类添加到html并单击按钮。 event.target.className+=等待； document.getElementsByTagName'html'[0].className+=wait； //设置3秒后删除类的超时时间。 window.setTimeoutfunction{ elem.className-=等待； document.getElementsByTagName'html'[0].className-=wait； }, 3000; } .等等{ 光标：等待； }

---

你的问题没有表现出任何努力。您尝试过什么？您的意思是游标：等待吗？复制的问题是所有内容都是jQuery，OP从未提到过jQuery。这是在javascript:document.getElementsByTagNamebody[0]中实现的方法。style.cursor='wait'；或document.body.style.cursor='wait'；，请注意，这仅在主体内的其他元素上悬停时起作用。@KevinKloet重新打开，但是OP在其示例JSFIDLE中使用了jQuery。您能否更详细地解释一下如何做到这一点？很抱歉我是个初学者。我已经更新了小提琴，如果你看不到请告诉我。

$("#button").click(function(){ 
    $(".contain").addClass("wait");
    $(this).addClass("wait");
});