How to pop up an alert box when the browser’s refresh button is clicked?

by

You can do it like this:

window.onbeforeunload = function() {
  return "Data will be lost if you leave the page, are you sure?";
};

This would show a prompt to the user allowing them to cancel. It’s not refresh specific, but for your purposes (like editing a question on SO) that doesn’t seem to matter, it’s loss of info no matter where you’re leaving to.

More Related Contents:

  1. Convert JSON to array in Javascript
  2. How to use JSON from instagram API?
  3. Is it possible to read substring from char to char
  4. How to update nested state properties in React
  5. Why I have to put all the script to index.html in jquery mobile
  6. Accessing JPEG EXIF rotation data in JavaScript on the client side
  7. Declaring multiple variables in JavaScript
  8. React / JSX Dynamic Component Name
  9. THREE.js Ray Intersect fails by adding div
  10. Addition is not working in JavaScript
  11. JavaScript regular expressions and sub-matches
  12. Getting key with the highest value from object
  13. RegEx for match/replacing JavaScript comments (both multiline and inline)
  14. Cross-browser bookmark/add to favorites JavaScript [duplicate]
  15. Disabling the long-running-script message in Internet Explorer
  16. Escape JavaScript in Expression Language
  17. Hit-testing SVG shapes?
  18. What do empty parentheses () after a function declaration do in javascript? [duplicate]
  19. HTML Table with vertical rows
  20. Getting selected text position
  21. Remove key press delay in Javascript
  22. how to make getUserMedia() work on all browsers
  23. Preg_match to regex equivalent expression
  24. Axios posting params not read by $_POST
  25. Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
  26. Sort an array in the same order of another array
  27. Detect if the internet connection is offline?
  28. Difference between response.send and response.write in node js
  29. Auto refresh in ASP.NET MVC
  30. Chart JS custom tooltip option?

Leave a Comment