Sometimes, we want to prevent a webpage from navigating away using JavaScript.

In this article, we’ll look at how to prevent a webpage from navigating away using JavaScript.

How to prevent a webpage from navigating away using JavaScript?

To prevent a webpage from navigating away using JavaScript, we can set the window.onbeforeunload property to a function that returns any value.

For instance, we write

window.onbeforeunload = () => {
  return "";
};

to set window.onbeforeunload to a function that returns an empty string to interrupt navigation with an alert box when we try to navigate to a different page.

Conclusion

To prevent a webpage from navigating away using JavaScript, we can set the window.onbeforeunload property to a function that returns any value.