📅  最后修改于: 2023-12-03 14:52:21.631000             🧑  作者: Mango
在编写 Web 应用程序时,有时候我们需要在某些操作执行时将鼠标光标更改为等待状态,以提示用户当前操作正在执行中。
在 JavaScript/jQuery 中,我们可以使用 CSS 样式 cursor
来更改光标,将其设置为 wait
即可将其变为等待状态。具体的代码如下所示:
// 使用 jQuery 将光标更改为等待状态
$(document.body).css({
'cursor': 'wait'
});
// 将光标设置回默认状态
$(document.body).css({
'cursor': 'auto'
});
以上代码使用了 jQuery 将文档主体(document.body
)的 cursor
样式设置为 wait
,即等待状态。在某个操作完成后,我们可以将光标设置回默认状态,即 auto
。
如果你不想使用 jQuery,也可以使用原生的 JavaScript 来实现光标修改的功能:
// 原生 JavaScript 将光标更改为等待状态
document.body.style.cursor = 'wait';
// 将光标设置回默认状态
document.body.style.cursor = 'auto';
以上代码使用了 JavaScript 的 document.body.style
属性来获取主体元素的样式,并将其 cursor
样式设置为 wait
,最后再设置回 auto
。
总之,通过以上的做法,你可以轻松地在 JavaScript/jQuery 中将光标更改为等待状态,为你的 Web 应用程序增加更多的交互体验。