Merge pull request #139 from aaronjorbin/master

make "Skip to content" link work in browsers that are doing_it_wrong, but without jQuery. props @aaronjorbin
This commit is contained in:
Michael Fields 2013-02-27 15:15:49 -08:00
commit debefa8b98
2 changed files with 27 additions and 0 deletions

View File

@ -140,6 +140,8 @@ function _s_scripts() {
wp_enqueue_script( 'navigation', get_template_directory_uri() . '/js/navigation.js', null, '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' ) ) {
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);
}
})();