CODEWITHSUNDEEP
javascriptjqueryhtml
Rene Chin
Rene Chin

Reputation: 91

javascript onbeforeunload disable for links

I need your help. I'm working with JavaScript and I'm not able to configure how to work on window.onbeforeunload.

here's my simple code: 

window.onbeforeunload = function () { 
      if (!confirm("some message here")) { 
          return "Are you sure?"; 
      } else{ 
        return false; 
      } 
}

I just need to work the code in closing the browser, reloading page and or exiting tab menu. I need that it will not also work on any links when I press links in my web body or page. Do you have any idea or solution for this?

I hope you can help me with this. I appreciate your kindness.

Thank you

Upvotes: 4

Views: 2963

Answers (1)

A. Wolff
A. Wolff

Reputation: 74420

You could try that: 

$(document).on('mousedown', 'a[href]', offBeforeUnload)
    .on('mouseleave', 'a[href]', function () {
        $(window).on('beforeunload', windowBeforeUnload);
    });



function offBeforeUnload(event) {
    $(window).off('beforeunload');
}

function windowBeforeUnload() {
     if (!confirm("some message here")) { 
          return "Are you sure?"; 
      } else{ 
        return false; 
      } 
}

$(window).on('beforeunload', windowBeforeUnload);

DEMO

Upvotes: 5

Related Questions