刷新页面时的JavaScript / PHP弹出窗口

Question

I have the following code:

<script>
    var myEvent = window.attachEvent || window.addEventListener;
    var chkevent = window.attachEvent ? 'onbeforeunload' : 'beforeunload';

    myEvent(chkevent, function(e) {
        var confirmationMessage = 'HELLO';
        (e || window.event).returnValue = confirmationMessage;
        return confirmationMessage;
    });
</script>

Which runs a small pop up box when the user trys to refresh the page the script is running on.

However, how can I prevent it from running the pop up if they click the Submit button?

Answer 1

This should work. Note that you have to refresh the snippet for your message to appear, but not when you click the button.

 var myEvent = window.attachEvent || window.addEventListener; var chkevent = window.attachEvent ? 'onbeforeunload' : 'beforeunload'; var unloading = true; myEvent(chkevent, function(e) { if(!unloading) return; var confirmationMessage = 'HELLO'; (e || window.event).returnValue = confirmationMessage; return confirmationMessage; }); document.getElementById('submit').addEventListener('click', function(e){ unloading = false; // Because this button does nothing, the reload will load an empty page in SO // However, note there is no beforeunload event actioned. location.reload(); }); document.write('Current Time: ' + Date.now()) 

 <input type="button" value="SUBMIT" id="submit" />