Alerts when navigating away from a web page

by

By the browser. It’s the beforeunload event handler that returns the customized text of the dialog, which is only the middle of the three paragraphs – the other two paragraphs as well as the text of the buttons cannot be customized or otherwise changed.

window.onbeforeunload = function(){ return 'Testing...' }

// OR

var unloadListener = function(){ return 'Testing...' };
window.addEventListener('beforeunload', unloadListener);

Will yield a dialog that says 

Are you sure you want to navigate away from this page?

Testing...

Press OK to continue, or Cancel to stay on the current page.

You can nullify this by setting the handler to null

window.onbeforeunload = null;

// OR

window.removeEventListener('beforeunload', unloadListener);

More Related Contents:

  1. How to force browser to show image 3 inches wide?
  2. How can you detect the version of a browser?
  3. Run JavaScript code on window close or page refresh?
  4. Identifying Between Refresh And Close Browser Actions
  5. Browser-native JSON support (window.JSON)
  6. Javascript – How to extract filename from a file input control
  7. How to get the browser to navigate to URL in JavaScript [duplicate]
  8. Make browser window blink in task Bar
  9. window.onunload is not working properly in Chrome browser. Can any one help me?
  10. Caching a jquery ajax response in javascript/browser
  11. list every font a user’s browser can display
  12. How to detect when a page exits fullscreen?
  13. How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?
  14. How does setInterval and setTimeout work?
  15. Jquery Change Height based on Browser Size/Resize
  16. How to know whether refresh button or browser back button is clicked in Firefox [duplicate]
  17. Listener for property value changes in a Javascript object
  18. Get browser download path with javascript
  19. Stop people having my website loaded on multiple tabs
  20. How can I use JavaScript to transform XML & XSLT?
  21. JavaScript performance difference between double equals (==) and triple equals (===)
  22. Disable Browser Window Resize
  23. full-screen browser window on load document
  24. What are the limitation using before unload event?
  25. How to run desktop app from browser?
  26. How to detect Facebook in-app browser?
  27. Can we get browser history by using Javascript?
  28. Is there any EventEmitter in browser side that has similar logic in NodeJS?
  29. Web browser: Hide mouse cursor [duplicate]
  30. How to check if a CSS property or value is supported by a browser?

Leave a Comment