如何限制重新加載選項（瀏覽器）上的頁面加載？

Question

我有一個jsp頁面，我想防止它重新加載，如果用戶單擊“刷新”，則必須顯示一個對話框，並要求在此處確認/停留。 如果用戶單擊確認必須提交表單，否則頁面不會刷新。

<script type="text/javascript">
        window.onbeforeunload = function(evt) {
            var message = 'Are you sure you want to leave?';
            if (evt) {
                 document.forms["myForm"].submit();
           }
            else {

            }
            return message;
        }
</script>
<form action="SubmitExam.jsp" method="post" id="myForm"> My Code</form>

Answer 1

您想要做的事，不可能使用事件，無法捕獲該事件的返回，您可以做的是嘗試使用戶回答，然后按按鈕重新加載或關閉選項卡

function onMouseLeave(e){
        var pageX = e.pageX || e.clientX;
        var pageY = e.pageY || e.clientY;
        if (pageX < 0 || pageY < 0 || pageY < top) {
           if(confirm('exit intension ?')){
              alert('yes');
           }else{
            alert('no');
           }
        }
    }

    var body = document.body;

    body.addEventListener('mouseleave',onMouseLeave);

Answer 2

這應該工作。 請參閱： https ： //developer.mozilla.org/en-US/docs/Web/Events/beforeunload

 window.addEventListener("beforeunload", function (e) { var confirmationMessage = "\\o/"; e.returnValue = confirmationMessage; // Gecko, Trident, Chrome 34+ return confirmationMessage; // Gecko, WebKit, Chrome <34 }); 

---

---

---