jquery - hash change event

Question

I am using:

$(window).bind( 'hashchange', function(e) { });

to bind a function to the hash change event. This seems to work in IE8,firefox, and chrome but not in safari and I assume not in earlier version of IE. For these browsers, I want to disable my javascript code that uses the hash and hashchange event. Is there a way with jQuery that i can detect if the browser supports the hashchange event? Maybe something with jQuery.support.....

Thanks for the help.

Answer 1

You can detect if the browser supports the event by:

if ("onhashchange" in window) {
  //...
}

See also:

• Detecting event support without browser sniffing
• Emulating onhashchange without setInterval
• window.onhashchange

Answer 2

I think Chris Coyier has solution for that hashing problem, have a look at his screencast:

Best Practices with Dynamic Content

Answer 3

To make sure an event is available, use this code:

won't work for onhashchange, see comments

var el         = document.createElement('div'),
    supported  = ('onhashchange' in el);

if(!supported){
   el.setAttribute('onhashchange', 'return;');
   supported   = typeof el['onhashchange'] === 'function';
}

if(!supported){
        // no support for that event
}
else{
        // event is supported by the browser
}

This should work crossbrowser.

Answer 4

There is a hashchange plug-in which wraps up the functionality and cross browser issues available here.