Is it possible to e.preventDefault in window.onPopState?

javascript dom-events back-button popstate
phoenix picture phoenix · Sep 7, 2015 · Viewed 14.2k times · Source

I'm trying to stop the user from going back in my web app. For this I tried catching the window.onpopstate and added e.preventDefault to cancel the back button effect.

But it doesn't seems to happen.

window.addEventListener('popstate',function(e){ 
console.log(e); e.preventDefault();  
});

Is it not possible to prevent the popstate event of browser? Or am I doing something wrong?

Answer

Patrick Klug picture Patrick Klug · Sep 7, 2015

According to this documentation, the popstate event is not cancellable:

Specification: HTML5
Interface: PopStateEvent
Bubbles: Yes
Cancelable: No
Target: defaultView
Default Action: None

Related questions

window.onload vs document.onload

Which is more widely supported: window.onload or document.onload?

Read More
How to make JavaScript execute after page load?

I'm executing an external script, using a <script> inside <head>. Now since the script executes before the page has loaded, I can't access the <body>, among other things. I'd like to execute some JavaScript …

Read More
jQuery.click() vs onClick

I have a huge jQuery application, and I'm using the below two methods for click events. First method HTML <div id="myDiv">Some Content</div> jQuery $('#myDiv').click(function(){ //Some code }); Second method HTML <…

Read More