#keydown

I ran into a good reminder today. A feature I was working on has a search form, which should make an external ajax call when typed in or enter is hit. It looked something like this:

some_form.html

<form class="search-form">     <input type="text"data-action="performSearch" /> </form>

some_backbone.js

events: { 'keyup': 'performSearch' }, performSearch: function(e) { if (e.keyCode === 13) { e.preventDefault(); } ... }

The default behavior upon hitting enter within a form is usually to submit that form, hence we use javascript's event.preventDefault, which is pretty standard.

However, every time I was hitting ‘Enter’, the form would be submitted and the page would refresh. At the same time, I was still hitting the performSearch if clause, but only after the submit had already been triggered.

Javascript keyboard events: the difference between keypress and keydown

Some things you learn the hard way. I was trying to catch some keyboard events in order to replace comma’s with dots in html input items and validating the input against a regular expression along the way. The results I got were at best confusing, but never as expected.

I did some reading on sites like http://javascript.info/tutorial/keyboard-events, and found out there is a fundamental…

#Angular #Service #Keydown #Detection

Angular service for keydown detection Sometimes, it could be useful to detect a pressed key during a click or another event. Let’s say you have a validation button. It would rock if it pops up a confirmation message when you click on it, but not if you hold the shift key, right ? Angular-keydown makes it really easy! Demos & usage http://msieurtoph.github.io/angular-keydown Installation npm i…

jQKeyboardAPI - API for jQuery keyboard events.

Hey guys,

I just got around to putting some more work into this project. I would love it to be tested. If you happen to have some fun JavaScript project that uses key events, please check my script out and consider taking it for a drive.