Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery bind popstate event not passed

I'm coding a little demo for the History API. And I'm struggling with this:

$(window).bind('popstate',       function(event) {         console.log('pop: ' + event.state);     }); 

It logs 'pop: undefined' when I click on the 'Previous' button...

But if I do this instead, things are working like expected :

window.onpopstate = function(event) {     console.log('pop: ' + event.state); }; 

It logs 'pop: [object Object]' this time...

So it's like jQuery doesn't pass the event object to the callback.
Is there a problem with jQuery ? Or did I mess something ?

like image 988
Jocelyn LECOMTE Avatar asked Apr 24 '12 14:04

Jocelyn LECOMTE


1 Answers

In the first instance, you're getting a normalized jQuery event object. In the second instance, you're getting the browser's event object. I assume that jQuery hasn't completed normalizing all the new HTML5 events and related attributes. Until then, you'll need to access the original event object. You can do that through the jQuery event object via the originalEvent property. You can find some additional details and examples here: stackoverflow.com/questions/7860960/popstate-returns-event-state-is-undefined

event.originalEvent.state 
like image 63
KSev Avatar answered Sep 20 '22 21:09

KSev