React beforeunload

window.addEventListener('beforeunload', (event) => {
  event.returnValue = `Are you sure you want to leave?`;
});

Source: dev.to

React beforeunload

let formChanged = false;
myForm.addEventListener('change', () => formChanged = true);
window.addEventListener('beforeunload', (event) => {
  if (formChanged) {
    event.returnValue = 'You have unfinished changes!';
  }
});

Source: dev.to

Similar codes

2 votes366 views4 answers
Multiple export in react
Javascript React
7 votes324 views2 answers
Hover react
Javascript React
0 vote468 views1 answer
How to set the id attr to a var in reactjs
Javascript React
0 vote381 views1 answer
Scrollbar automatically scroll down as new divs are added reactjs
Javascript React
0 vote366 views1 answer
React app link description preview
Javascript React
-1 vote355 views2 answers
React native scaling font
Javascript React
-1 vote374 views1 answer
Get height component react
Javascript React
0 vote357 views1 answer
How to add a key in a react element
Javascript React
1 vote364 views3 answers
How to make sticky footer with react router
Javascript React
32 votes361 views1 answer
Install react router in react app
Javascript React