Jocelyn LECOMTE
Jocelyn LECOMTE

Reputation: 895

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 ?

Upvotes: 29

Views: 40107

Answers (1)

KSev
KSev

Reputation: 1889

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

Upvotes: 42

Related Questions