javascript - 如何在表加载时更改光标以等待

Question

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

目前我有

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

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

谢谢！

score 0 · Accepted Answer

您可以使用 javascript 来实现它（可能将其嵌入到您现有的refreshTable()函数中）。

首先，通过onclick添加将按钮对象传递给您的函数this：

<asp:Button ID="RefreshBtn" Text="Refresh" OnClick="refreshTable(this)" runat="server"/>

然后仅在调用函数时将样式应用于它：

//the var btn is the button that you clicked
refreshTable(btn){
//...

btn.style.cursor = 'wait';

score 0 · Accepted Answer

不幸的是，以上答案都不适合我。然而，我确实在这里找到了答案： http ://forums.asp.net/t/1324613.aspx

因此，在 Page_load 中，我添加了以下行：

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

然后在我的 refreshTable() 中我添加了：

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

score 0 · Accepted Answer

在加载发生时，您必须在所有内容之上添加div绝对定位。cursor: wait例如添加一个具有以下 css 的 div：

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

这样整个屏幕都会有等待光标

3 回答 3