Comments on: JavaScript Keypress Event – the right way

By: Steve

Steve — Tue, 07 Sep 2010 19:18:08 +0000

I don’t think the word penultimate means what you think it means.

By: jayson

jayson — Tue, 26 Jan 2010 14:37:29 +0000

I was thinking if how you would use the codes above in outputting keys which are not in the keyboard. we were asked to do something like that.

for example: press ctrl+alt+f
then it would just output function symbol(ƒ).

how could i do it in html/javascript?

By: Steve Wamsley

Steve Wamsley — Mon, 10 Nov 2008 00:56:09 +0000

Detecting Shift + Enter is a bit more tricky, especially with cross-browser considerations. I found the following links enlightening:

http://www.simpltry.com/2007/01/04/shift-key-detection/

http://www.webdeveloper.com/forum/archive/index.php/t-102141.html

Basically, in your keypress handler event, you want to detect if event.shiftKey is true AND event.keyCode == 13.

By: Dave

Dave — Wed, 08 Oct 2008 21:03:57 +0000

I was wondering how you would check to see if Shift + Enter is hit? I am using this to submit a text box but I would like hte user to be able to hit Shit + Enter to enter a new line. Can the Event call take in two buttons being pressed?

By: Steve Wamsley

Steve Wamsley — Wed, 08 Oct 2008 02:16:49 +0000

the KEY values are defined in prototype.js in the Event object definition (~line #3667, depending on prototype version). Here they are:

KEY_BACKSPACE: 8,
KEY_TAB: 9,
KEY_RETURN: 13,
KEY_ESC: 27,
KEY_LEFT: 37,
KEY_UP: 38,
KEY_RIGHT: 39,
KEY_DOWN: 40,
KEY_DELETE: 46,
KEY_HOME: 36,
KEY_END: 35,
KEY_PAGEUP: 33,
KEY_PAGEDOWN: 34,
KEY_INSERT: 45,

By: Karl

Karl — Sat, 04 Oct 2008 05:25:25 +0000

Ok, thanks first of all for this tidbit of code! I have a question refering to how/where did you discover that the following code is valid:

Event.KEY_RETURN

Is that a constant? Where is this defined? Is it an extension of the Prototype library? I don’t see it on their site.

Thanks!
Karl..