jquery - javascript onbeforeunload disable for links

Question

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

Answer 1

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