JavaScript before leaving the page

by

onunload (or onbeforeunload) cannot redirect the user to another page. This is for security reasons.

If you want to show a prompt before the user leaves the page, use onbeforeunload:

window.onbeforeunload = function(){
  return 'Are you sure you want to leave?';
};

Or with jQuery:

$(window).bind('beforeunload', function(){
  return 'Are you sure you want to leave?';
});

This will just ask the user if they want to leave the page or not, you cannot redirect them if they select to stay on the page. If they select to leave, the browser will go where they told it to go.

You can use onunload to do stuff before the page is unloaded, but you cannot redirect from there (Chrome 14+ blocks alerts inside onunload):

window.onunload = function() {
    alert('Bye.');
}

Or with jQuery:

$(window).unload(function(){
  alert('Bye.');
});

More Related Contents:

  1. Why is my javascript not working
  2. Setting “checked” for a checkbox with jQuery
  3. event.preventDefault() vs. return false
  4. Inserting a text where cursor is using Javascript/jquery
  5. How to fire an event on class change using jQuery?
  6. Load More Posts Ajax Button in WordPress
  7. Check with jquery if div has overflowing elements
  8. Remove querystring from URL
  9. Playing sound notifications using Javascript?
  10. Show loading image while $.ajax is performed
  11. How can I bind to the change event of a textarea in jQuery?
  12. jQuery Ajax requests are getting cancelled without being sent
  13. Detect if user is using webview for android/iOS or a regular browser
  14. Array Like Objects in Javascript
  15. How to select all checkboxes with jQuery?
  16. How to detect right mouse click + paste using JavaScript?
  17. Popup window to return data to parent on close
  18. IP to Location using Javascript
  19. How is a non-breaking space represented in a JavaScript string?
  20. jQuery index() in vanilla javascript
  21. What is the difference between JavaScript and jQuery? [closed]
  22. Dynamically adding cases to a switch
  23. How can I make a button redirect my page to another page? [duplicate]
  24. jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
  25. jQuery get html of container including the container itself
  26. Change placeholder text
  27. Take User Back to Where They Scrolled to on previous page when clicking Browser Back Button
  28. Prototype equivalent for jQuery live function
  29. Flask Dynamic data update without reload page
  30. Form Validation With Bootstrap (jQuery)

Leave a Comment