Skip to content

"Keyboard Events": Chapbook (v1.0.0)#

Summary#

"Keyboard Events" demonstrates how to capture keyboard events and then how to associate individual keys with activities within a story.

The example uses addEventListener() to monitor for all "keyup" events. Once a "keyup" event has occurred, two values are available:

  • The keyCode property: the numerical value representing the key presented in its decimal ASCII code supported by effectively all browsers.
  • The key property: the string value of the key presented supported by most modern web-browsers.

Example#

Download

Twee Code#

:: StoryTitle
Chapbook: Keyboard

:: UserScript[script]
(function () {
  document.addEventListener('keyup', function (ev) {
    /* the ev variable contains a keyup event object.
     *
     * ev.keyCode - contains the ASCII code of the key that was released, this property is supported in effectively all browsers.
     * ev.key     - contains the key value of the key that was released, this property is supported by most modern browsers.
     *
     */

    /* the following shows an alert when the 'a' key is released. */
    if (ev.key === 'a') {
      alert("the 'a' key was released.");
    }
  });
}());


:: Start
Press and release the ''a'' key to show an Alert dialog.

Twee Download