StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJavaScript/jQuery: Keypress for keyboard navigation (event.which doesn't work)
text
Body
copied!<p>When handling key[Up|Down|Press] events, should I use .which or .keyCode? Can I have some example code for handling the <a href="http://api.jquery.com/category/events/keyboard-events/" rel="nofollow noreferrer">three keyboard events in jQuery</a>? Can you do it without jQuery? I want it to work reliably in every browser.</p> <p><strong>Update</strong></p> <p>Strangely, jQuery's event.which normalization wasn't working for my handleKey<i>Press</i>(event) handler:</p> <pre><code>// Add which for key events if ( !event.which && ((event.charCode || event.charCode === 0) ? event.charCode : event.keyCode) ) { event.which = event.charCode || event.keyCode; } </code></pre> <p>I'm getting this before and after this normalization inside handleKey<i>Press</i> (it's not setting event.which to the value in event.keyCode):</p> <ul> <li>event.which = 0</li> <li>event.charCode = 0</li> <li>event.keyCode = 40</li> </ul> <p>However, the code works if I use handleKey<i>Down</i> instead. I think it has to do with keypress vs. keydown; the code works for my handleKey<i>Down</i>(event) handler. </p> <p><strong>Unfortunately, I need to use <em>keypress</em> (not keydown), since I want to use the arrow-keys for navigation: if the user presses and holds an arrow key, a <em>keydown</em> event is triggered <em>once</em>, but separate <em>keypress</em> events are triggered for each inserted character).</strong></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload