如何限制重新加载选项（浏览器）上的页面加载？

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 }); 

---

---

---