Listing 3.25: bubbling keyup.

Chapter 3/03.js

@@ -32,7 +32,6 @@ $(document).ready(function () {
 
 $(document).ready(function () {
   'use strict';
-
   $('#switcher-default').addClass('selected');
 
   $('#switcher').click(function(event) {
@@ -42,7 +41,23 @@ $(document).ready(function () {
       $('body').removeClass().addClass(bodyClass);
 
       $('#switcher button').removeClass('selected');
-        $(event.target).addClass('selected');
-    } 
+      $(event.target).addClass('selected');
+    }
+  });
+});
+
+$(document).ready(function () {
+  'use strict';
+  var triggers = {
+    D: 'default',
+    N: 'narrow',
+    L: 'large'
+  };
+  // Use keydown/keyup to identify key, keypress to identify resulting letter.
+  $(document).keyup(function (event) {
+    var key = String.fromCharCode(event.which);
+    if (key in triggers) {
+      $('#switcher-' + triggers[key]).click();
+    }
   });
 });