Question

我想阻止用户刷新页面，怎么做？我一直在使用e.preventDefault方法，但它运行不正常。

Answer 1

你甚至可以使用window.onbeforeunload。

window.onbeforeunload = function() {
            return "you can not refresh the page";
        }

Answer 2

HTML 规范规定作者应该使用 Event.preventDefault() 方法而不是使用 Event.returnValue 来提示用户。

window.addEventListener('beforeunload', function (e) {
  // Cancel the event
  e.preventDefault(); // If you prevent default behavior in Mozilla Firefox prompt will always be shown
  // Chrome requires returnValue to be set
  e.returnValue = '';
});

参考：WindowEventHandlers.onbeforeunload

Answer 3

尝试类似：

<script type="text/javascript">
    // Callback
    window.onbeforeunload = function(e) {
        // Turning off the event
        e.preventDefault();
    }
</script>

关于这些功能的一些基本解释

的preventDefault： http://www.w3schools.com/jsref/event_preventdefault.asp

beforeunload： http://www.w3schools.com/jsref/event_onbeforeunload.asp

阻止用户刷新页面

3 个答案: