Changeset 1329

Timestamp:

02/25/2015 09:08:03 PM (11 years ago)

Author:

coffee2code

Message:

developer.wordpress.org: Add keyboard shortcuts to toggle display of search bar.

• 's' key toggles display of search bar unless focus is on editable element
• 'esc' key hides search bar when focus is within search bar

Fixes #885.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/search.js (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/search.js

@@ -24 +24 @@
         });
 
+        // Register keypress events for shortcuts.
+        $( 'body' ).keypress( function(e) {
+
+                var keypress = String.fromCharCode( e.which ).toLowerCase();
+
+                switch ( keypress ) {
+                        case 's': // Toggle display of search bar (unless currently focused on editable form element)
+                                if ( e.target.nodeName == 'INPUT' || e.target.nodeName == 'TEXTAREA' || e.target.isContentEditable ) {
+                                        return;
+                                }
+
+                                e.preventDefault();
+                                toggle_search_bar();
+                                break;
+                }
+
+        });
+
+        // Register keydown event for search bar so 'escape' hides search bar.
+        $( '#inner-search .search-section' ).keydown( function(e) {
+                if ( 27 == e.which ) {
+                        toggle_search_bar();
+                }
+        });
+
 } )( jQuery );