Javascript 如何在加载表时将光标更改为等待

所以我创建了一个刷新按钮，它调用一个名为refreshTable的函数。它刷新的表包含大量数据，因此我希望光标更改为等待光标，直到表加载完成

目前我有

<asp:Button ID="RefreshBtn" Text="Refresh" OnClick="refreshTable" style="cursor:wait" runat="server"/>

当我将光标悬停在按钮顶部而不是单击按钮时，它会将光标更改为等待。知道我做错了什么吗

谢谢

您必须添加一个用光标定位的div绝对值：等待加载发生的时间。 例如，使用以下css添加一个div：

.wait-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: wait;
    z-index: 100
}

---

这样，整个屏幕将有一个等待的光标

，您可以通过javascript将其嵌入到现有的refreshTable函数中来实现它

首先，通过添加以下内容将button对象传递给onclick中的函数：

---

不幸的是，上面的答案对我都不起作用。然而，我在这里找到了答案：

因此，在页面加载中，我添加了以下行：

this.RefreshBtn.Attributes.Add("onClick", "refreshTable()");

然后在我的刷新表中，我添加了：

document.getElementById("RefreshBtn").style.cursor = "wait";

this.RefreshBtn.Attributes.Add("onClick", "refreshTable()");

document.getElementById("RefreshBtn").style.cursor = "wait";