Reactjs Browser Tab Close Event

by

What you did is correct apart from the event name and the fact that alert will be blocked in that particular event.

You can show a message like this:

window.addEventListener("beforeunload", (ev) => 
{  
    ev.preventDefault();
    return ev.returnValue="Are you sure you want to close?";
});

Hope this helps.

More Related Contents:

  1. Uncaught TypeError: Cannot read property ‘state or props’ of undefined
  2. Use state or refs in React.js form components?
  3. PropTypes in a TypeScript React Application
  4. How to stop /#/ in browser with react-router?
  5. React Hook : Send data from child to parent component
  6. Attempted import error: ‘Switch’ is not exported from ‘react-router-dom’
  7. Can’t import SVG into Next.js
  8. Could not proxy request /pusher/auth from localhost:3000 to http://localhost:5000 (ECONNREFUSED)
  9. How to reset TabNavigator when user logs out (from other screen)
  10. What will happen if I use setState() function in constructor of a Class in ReactJS or React Native?
  11. Stop useEffect from running on mount
  12. react evironment variables .env return undefined
  13. Inline CSS styles in React: how to implement a:hover?
  14. npm WARN deprecated [email protected]: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap
  15. React Native project, index.ios.js or index.android.js not generated
  16. Use history.push in action creator with react-router-v4?
  17. Nextjs: Unable to load images from static folder
  18. Unable to create new react app with npx create-react-app
  19. Safe alternative to dangerouslySetInnerHTML
  20. How to setup i18n translated URL routes in Next.js?
  21. How to declare a global variable in React?
  22. How to turn on/off ReactJS ‘development mode’?
  23. How to submit a form using Enter key in react.js?
  24. Dynamically build classnames in TailwindCss
  25. When exactly is `componentDidMount` fired?
  26. this.setState is undefined
  27. React stateless component this.refs..value?
  28. React: Show loading spinner while images load
  29. How to add custom Material UI palette colors
  30. Media queries in Material UI components

Leave a Comment