Changeset 1329

Timestamp:

02/25/2015 09:08:03 PM (10 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 );