javascript - 在 JavaScript 中设置游标以进行长时间的同步操作

Question

我正在尝试在长时间运行的 同步 XmlHttpRequest(我知道同步很糟糕，但我们现在不要担心)，但是浏览器(在 Chrome 中测试)直到控制权从脚本返回后才会更新光标，直到长时间运行的操作结束。

它非常适用于异步 XmlHttpRequest(因此将同步请求迁移为异步显然是一种解决方案)。

有没有办法让浏览器刷新光标而不中断当前的同步操作？

Answer 1

正如 Teemu 上面评论的那样，您必须延迟函数的执行，即使是零毫秒(这会将它安排在事件循环的下一个滴答中，让浏览器有机会在它开始之前更新 UI) :

// change cursor
document.body.style.cursor = "wait !important";

// call long-running function from setTimeout
setTimeout(longRunningFunction, 0);

这是我知道的唯一解决方案，但它可能对您不起作用，因为您声明“现在的很多逻辑都是在假设它是同步的情况下编写的”，因为您将有效地启动它异步。