On hashchange, make sure we set focus for elements that need it. Essentially the same as 136, but without jquery

This commit is contained in:
Aaron Jorbin 2013-01-21 19:01:53 -05:00
parent 3e717fa9c2
commit 6ee6126089
2 changed files with 27 additions and 0 deletions

View File

@ -104,6 +104,8 @@ function _s_scripts() {
wp_enqueue_script( 'small-menu', get_template_directory_uri() . '/js/small-menu.js', array( 'jquery' ), '20120206', true ); wp_enqueue_script( 'small-menu', get_template_directory_uri() . '/js/small-menu.js', array( 'jquery' ), '20120206', true );
wp_enqueue_script( 'skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array( ), '20130115', true );
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' ); wp_enqueue_script( 'comment-reply' );
} }

25
js/skip-link-focus-fix.js Normal file
View File

@ -0,0 +1,25 @@
( function() {
var is_webkit = navigator.userAgent.toLowerCase().indexOf('webkit') > -1;
var is_opera = navigator.userAgent.toLowerCase().indexOf('opera') > -1;
var is_ie = navigator.userAgent.toLowerCase().indexOf('msie') > -1;
if((is_webkit || is_opera || is_ie ) && typeof(document.getElementById) !== 'undefined' ) {
var eventMethod = (window.addEventListener) ? 'addEventListener' : 'attachEvent' ;
window[eventMethod]("hashchange", function(event) {
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);
}
})();