Ces deux valeurs correspondent à celles définies dans la liste des valeurs numériques des touches d'un clavier standard. Pour finir (En 3°), vous pouvez voir qu'après le traitement spécifique de chaque touche (un message d'alerte), nous effectuons un mapping de ces partie est très importante. Lorsque vous interceptez de cette façon un évènement clavier, il faut ensuite l'inhiber pour la raison suivante: les navigateurs définissent des comportements par défaut sur certaines touches dans vos pages. Si vous ne faites pas de redirection, ces actions seront déclenchées à la suite des votre, ce qui peut avoir des effets indésirables selon les touches et les navigateurs. Fonction checkEventObj
Cette fonction, selon le type de navigateur, retourne l'objet 'event' approprié. Input - JavaScript : Simuler des Événements Clés dans la zone de texte/Entrée. function checkEventObj ( _event_){
// --- IE explorer
if ()
return;
// --- Netscape and other explorers
else
return _event_;}
Annexes
Code complet fichier '':
REMAP_KEY_T = 5019;
// --- Access with [ALT/CTRL+Key]
// --- Map the keyCode in another keyCode not used
// --- Access without [ALT/CTRL+Key]
return false;}}}
Pour ce qui est des contrôles clavier, nous nous intéresserons plus particulièrement aux trois propriétés suivantes:
keyCode: code numérique de la touche clavier activée
altKey: booléen vrai si la touche ALT est activée
ctrlKey: booléen vrai si la touche CRTL est activée
En Javascript, l'objet 'event' n'est pas implémenté de la même manière d'un navigateur à un autre. Il est donc important de pouvoir distinguer les différents cas possibles, et récupérer de manière "universelle" cet objet. Internet Explorer:
Autre: par l'intermédiaire d'une variable 'event' passée automatiquement par le navigateur lorsqu'un évènement à lieu. Javascript touche entrée de gamme. Cette variable doit être incluse en tant que paramètre de vos fonctions de traitement. (voir exemple final)
Propriété keyCode et liste des valeurs
Cette propriété permet de récupérer la valeur entière de la touche activée. Il s'agit donc d'un chiffre.
Dernière mise à jour le 20 novembre 2009 à 18:27 par
Jean-François Pillou. Cette astuce a pour but de vous faire découvrir la (ou du moins une) manière de contrôler les évènements clavier en javascript. Cela vous permettra de contrôler/attribuer les/des comportements particuliers à certaines touches du clavier. Techniques pré-requises
Avant toute chose, les domaines suivants doivent vous être familiers:
les évènements en javascript
le langage javascript
Evènements du clavier
Voici la liste des évènements possible d'un clavier en javascript. Comment détecter la touche Entrée sur un champ de saisie en jQuery - WayToLearnX. onkeypress: lorsqu'une touche est activée
onkeydown: lorsqu'une touche est enfoncée
onkeyup: lorsqu'une touche est 'relevée'
Pour de plus amples renseignements sur les évènements et leur gestion, vous pouvez consulter la rubrique javascript event
Il faut bien noter la différence entre, d'une part 'onkeypress', et d'autre part 'onkeydown' et 'onkeyup'! 'onkeypress' sera appelée deux fois lorsque vous appuierez sur une touche: lorsque la touche est pressée, puis revelée.
function ValiderMail(formulaire) {
if (("@", 0)<0) {alert("Adresse mail saisie invalide. \nLe formulaire ne sera pas validé. ")} else {
alert("formulaire validé. Javascript touche entrée templates. \nPour valider un formulaire: ()");
// Pour valider le formulaire en javascript:
// ()}}