#keydown

[tunephp]

Need to investigae more but this really looks odd. IE9 fills my keyCode array with wrong keyCode for Space which should be 32 instead of 115(lower s). And there was a case when it showed 83 which is upper S, as if the converts the first letter of the word Spacebar :D

[newtonry]

Browser behavior on keypress

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.

The solution is fairly simple, just use keydown instead (you could listen to the keypress event as well if you wanted). What was happening is that Chrome submits the form on keydown rather than keyup. It was a great reminder that a lot of the behaviors are determined by the client side browser, so there's always a possibility of quirkiness!

[psinke1974]

Javascript keyboard events: the difference between keypress and keydown

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…

View On WordPress

[webmaterialcube-blog]

Angular Service For Keydown Detection

#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…

View On WordPress

[developpement-facile-blog]

La technique pour écouter les événements avec le Framework jQuery

Les événements sont un très gros pilier avec jQuery et JavaScript. Voici la suite de la formation consacrée aux événements jQuery. Apprenez à écouter la souris de l'internaute, à valider rapidement un formulaire sans recharger la page. Tout est dans le cours vidéo ci-dessous. Téléchargez le code source complet sur : http://www.programmation-facile.com/ecouter-les-evenements-framework-jquery/

[mayppong]

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.

Feedback is appreciated!

[redtower]