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

10 votes169 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
3 votes228 views4 answers
React Redux Thunk
Javascript React
0 vote233 views1 answer
Stateprovider.js react
Javascript React
1 vote232 views1 answer
React native nav bars
Javascript React
1 vote193 views2 answers
React-native array.filter by index arrow function
Javascript React
0 vote199 views1 answer
Créer composant react
Javascript React
0 vote222 views2 answers
Capitalize each word from string in react
Javascript React
0 vote210 views2 answers
Change iphone return in keyboard to search in react native
Javascript React
-1 vote207 views1 answer
React native list view
Javascript React
9 votes227 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React