Prevent user from refreshing the page

Question

I want to prevent the user from refreshing the page, How to do this? I have been using e.preventDefault method but it`s not running properly.

You need to send `e` in your event properly, like this: `$(someElement).someAction(function(e){});` or use `return false` in the end of your method — GONG, Sep 09 '16 at 12:41
this is the point of ajax : Update a web page without reloading the page . http://www.w3schools.com/ajax/ — Laith, Sep 09 '16 at 12:48
The answers here (and on similar questions) all have the javascript `onbeforeunload` event to prevent someone from leaving a page. But what about ONLY nagging about a reload? Can I see where the browser is trying to go? And only alert the user if they are going to my site again? It's a dynamic status page, I don't want people constantly reloading when that's unnecessary. But I don't want to bug them if they are simply leaving. — l008com, Nov 28 '18 at 09:09
I feel like scammers who scam the lives out of people by changing the page's HTML will use this to their advantage. — theknightD2, Feb 21 '21 at 22:57

score 3 · Answer 1 · answered Sep 09 '16 at 13:06

3

you can use the window.onbeforeunload even.

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

answered Sep 09 '16 at 13:06

Mannan Bahelim

1,289
1
11
31

window.onbeforeunload = function(event) { event.returnValue = "Write something clever here.."; }; – Mannan Bahelim Jan 29 '18 at 10:39
1

Reason for not being supported : https://developers.google.com/web/updates/2016/04/chrome-51-deprecations?hl=en#remove-custom-messages-in-onbeforeload-dialogs – Mannan Bahelim Jan 29 '18 at 10:40
I tried this method window.onbeforeunload = function(event) { event.returnValue = "Write something clever here.."; }; But it is not working in chrome. – Humble_boy Jan 29 '18 at 10:55

Wenfang Du · Answer 2 · 2020-12-30T05:51:23.653

The HTML specification states that authors should use the Event.preventDefault() method instead of using Event.returnValue to prompt the user.

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

Reference: WindowEventHandlers.onbeforeunload

RPichioli · Answer 3 · 2016-09-09T14:50:48.007

1

Try something like:

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

Some basic explanations about these features

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

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

edited Sep 09 '16 at 14:50

answered Sep 09 '16 at 14:43

RPichioli

3,245
2
25
29

score 0 · Answer 4 · answered Mar 04 '23 at 07:01

It is not advised, but if you want to completely prevent the user from refreshing the page in any way possible you can use:

setInterval(function(){
  window.location.reload();
  window.stop();
},100)

Not only will it prevent refreshing, but it will also prevent navigation.

Prevent user from refreshing the page

4 Answers4