javascript - 将鼠标图标更改为 'waiting' 无论它在哪里

Question

我正在开发一个提取和更新客户信息的 Web 表单，它有多个 ajax 请求，这些请求有点慢(2-4 秒)。每当页面等待结果时，我都会添加一个“等待”光标。然而，很多时候页面在等待请求，用户要么将光标留在按钮上，要么将光标放在表格上(通过制表符)，这样光标就会保持为手形/单击光标，并且加载轮不可见。如果用户将鼠标从按钮/表格上移开，它会变为加载轮。我已经在使用 jQuery 进行 ajax 调用，所以我正在使用这段代码:

$(document.body).css({'cursor' : 'wait'});

有没有办法可以强制图标加载轮，无论它处于什么状态？

Answer 1

您可以使用 !important 来覆盖在按钮、链接、输入和正文上设置的 css。

$("body,a,button,input").css("cssText", "cursor:wait !important;");

注意上面cssText的用法。

您也可以将 * 指定为您的选择器，但那样做会很鲁莽。