I need to change the cursor style to wait once a button is clicked with JavaScript. I have managed to do that, but when the user clicks the back button on the browser, the cursor remains on the wait state.

JavaScript:

document.getElementById('button').onclick = function() {
    document.body.style.cursor='wait';
    document.getElementById('button').style.cursor='wait';
};

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

I have tried to set the cursor to default when the page loads without refreshing the page, but it doesn't work. How can I set the cursor back to normal on the initial page if the user goes back?