Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
54 lines (34 sloc) 1.66 KB

"Keyboard Events": Snowman (v1.3.0)


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

The example uses jQuery's on() function 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.

Live Example

<iframe src="snowman_keyboard_example.html" height=400 width=90%></iframe>

Download: Live Example

Twee Code

:: StoryTitle
Snowman: Keyboard

:: UserScript[script]
(function () {
	$(document).on('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.

Download: Twee Code