JavaScript/PHP всплывающих окон при обновлении страницы

Question

У меня есть следующий код:

<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> 

Который работает небольшой всплывающее окно, когда пользователь пробует обновить страницу скрипт работает на.

Однако, как я могу помешать ему запустить всплывающее окно, если они нажмут кнопку «Отправить»?

Answer 1

Это должно сработать. Обратите внимание, что вам нужно обновить фрагмент сообщения, чтобы оно отображалось, но не при нажатии кнопки.

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" />