Question

我正在编辑由其他人创建的页面。此页面为onbeforeunload设置了body值，该值调用了一个将光标更改为等待的函数。因此，当用户单击按钮时，它会显示等待光标，但如果用户之后单击取消，则光标仍为wait。如何让它恢复为自动/默认？

正文标记代码：

<body onbeforeunload="showHourglass();">

JS功能

function showHourglass() {
            document.body.style.cursor = 'wait';
        }

Answer 1

在showHourglass（）中你可以做这样的事情......

function showHourglass() {
    document.body.style.cursor = 'wait';
    setTimeout(function() {
         document.body.style.cursor = 'default';
    }, 5000);

}

这将启动一个过程，在5秒后运行以将光标设置恢复正常。这假定“取消”按钮是浏览器的停止按钮。

Answer 2

您应该在取消按钮中添加一个事件，将光标更改回default。

onclick属性：

onclick="resetCursor()"

使用Javascript：

function resetCursor() {
     document.body.style.cursor = 'default';
}

Answer 3

您应该将函数绑定到取消事件（是click事件？）还是JS代码中的onload事件。

$('#cancel_button').click(hideHourglass);
$(document).ready(hideHourglass);

function hideHourglass() {
            document.body.style.cursor = 'default';
        }

卸载后将光标更改回自动

3 个答案: