javascript - prevent OnBeforeUnload() event from happening in refreshF5 - Stack Overflow

admin管理员组

文章数量:1303537

I'm using onbeforeunload event to perform operations during the closing page.
I do not want the event to happen in the case of Refresh / F5.

Is there a way or other event to do this?

I'm using onbeforeunload event to perform operations during the closing page.
I do not want the event to happen in the case of Refresh / F5.

Is there a way or other event to do this?

• javascript
• jquery
• html
• onbeforeunload

Share Improve this question Follow edited May 26, 2016 at 12:53 Refael asked Oct 23, 2013 at 8:10 RefaelRefael 7,3531010 gold badges3838 silver badges5454 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

Unfortunately onbeforeunload event listens the page state in the browser. Going to another page as well as refreshing will change the page state, meaning onbeforeunload will be triggered anyway.

So I think it is not possible to catch only refresh.

But, if you'll listen and prevent Keypress via JavaScript, then it can be achieved.

Refresh can be done via F5 and CtrlR keys, so your goal will be to prevent these actions.

using jQuery .keydown() you can detect these keycodes:

For CtrlR

$(document).keydown(function (e) {
    if (e.keyCode == 65 && e.ctrlKey) {
        e.preventDefault();
    }
});

---

For F5

$(document).keydown(function (e) {
    if (e.which || e.keyCode) == 116) {
        e.preventDefault();
    }
});

I would use the keydown listener to check for F5 and set a flag var.

http://api.jquery./keydown/

Detecting refresh with browser button is not that easy/possible.

I wanted to add a message alert onbeforeunload, so my solution was this one:

  $(document).ready(function(){
        window.onbeforeunload = PopIt;
        $("a").click(function(){ window.onbeforeunload = UnPopIt; });
        $(document).keydown(function(e){
            if ((e.keyCode == 82 && e.ctrlKey) || (e.keyCode == 116)) {
                window.onbeforeunload = UnPopIt;
            }
        });
  });

  function PopIt() { return "My message before leaving"; }
  function UnPopIt()  { /* nothing to return */ }

Third line ($("a").click...) is to avoid showing the alert when navigating between sections of the web.

本文标签： javascriptprevent OnBeforeUnload() event from happening in refreshF5Stack Overflow