Logo

tsukaikata.net

skip-link-focus-fix.js (ver 20130115)

This script ensures that keyboard navigation via "skip links" works correctly across different browser engines, particularly when dealing with the hashchange event.

( function() {
	var is_webkit = navigator.userAgent.toLowerCase().indexOf( 'webkit' ) > -1,
	is_opera = navigator.userAgent.toLowerCase().indexOf( 'opera' ) > -1,
	is_ie = navigator.userAgent.toLowerCase().indexOf( 'msie' ) > -1;

	if ( ( is_webkit || is_opera || is_ie ) && document.getElementById && window.addEventListener ) {
		window.addEventListener( 'hashchange', function() {
			var element = document.getElementById( location.hash.substring( 1 ) );

			if ( element ) {
				if ( ! /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) )
					element.tabIndex = -1;

				element.focus();
			}
		}, false );
	}
})();