Médiaforma

All posts tagged clavier

Les événements liés au clavier sont très limités. Ils sont résumés dans le tableau suivant :

Méthode Événement géré
keydown() Appui sur une touche du clavier
keyup() Relâchement d’une touche du clavier préalablement enfoncée
keypress() Maintien d’une touche du clavier enfoncée

 

A titre d’exemple, nous allons afficher le keycode ou le charcode de la touche frappée au clavier. Saisissez le code suivant dans NotePad++ et sauvegardez-le sous le nom clavier.htm :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Capture des touches</title>
  </head>
  <body>
    <script src="jquery.js"></script>
    Appuyez sur les touches du clavier
    <input type="text" id="target" autofocus><br/>
    <span id="compte-rendu"></span>
    <script>
      $(function() {
        $("#target").keypress(function(e) {
        if (e.which == 9) e.preventDefault();
        $('#compte-rendu').html('Code de la touche : ' + e.which);
        });
      });
    </script>
  </body>
</html>

La ligne suivante empêche la propagation de la touche Tab et donc la sortie du champ texte :

if (e.which == 9) e.preventDefault();

 

Voici la liste des codes ASCII retournés par e.which lorsque la fonction keypress() est utilisée :

Caractère ASCII Caractère ASCII Caractère ASCII Caractère ASCII Caractère ASCII
Espace 32 3 51 F 70 Y 89 l 108
! 33 4 52 G 71 Z 90 m 109
34 5 53 H 72 [ 91 n 110
# 35 6 54 I 73 \ 92 o 111
$ 36 7 55 J 74 ] 93 p 112
% 37 8 56 K 75 ^ 94 q 113
& 38 9 57 L 76 _ 95 r 114
39 : 58 M 77 ` 96 s 115
( 40 ; 59 N 78 a 97 t 116
) 41 < 60 O 79 b 98 u 117
* 42 = 61 P 80 c 99 v 118
+ 43 > 62 Q 81 d 100 w 119
, 44 ? 63 R 82 e 101 x 120
45 @ 64 S 83 f 102 y 121
. 46 A 65 T 84 g 103 z 122
/ 47 B 66 U 85 h 104 { 123
0 48 C 67 V 86 i 105 | 124
1 49 D 68 W 87 j 106 } 125
2 50 E 69 X 88 k 107 ~ 126

 

Exercice

Créez un document qui comporte une zone de texte. Capturez l’événement keypress sur cette zone de texte, transformez les touches frappées en majuscules et affichez-les dans la zone de texte.

A titre d’information, pour convertir le code de la touche frappée en un caractère majuscule, vous utiliserez l’expression suivante :

String.fromCharCode(e.keyCode).toUpperCase;

 

Solution

Voici une des solutions possibles (clavier2.htm) :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Capture des touches et transformation en majuscules</title>
  </head>
  <body>
    <script src="jquery.js"></script>
    Appuyez sur les touches du clavier
    <input type="text" id="target" autofocus><br/>
    <script>
      $(function() {
        $("#target").keypress(function(e) {
          var contenu = $('#target').val();
          var frappe = String.fromCharCode(e.keyCode);
          if(e.which>=97 && e.which<=122){
            e.preventDefault(); // Empêche la propagation des touches frappées
            contenu+=frappe;
          }
          $('#target').val(contenu);
        });
      });
    </script>
  </body>
</html>

 

Lorsque l’événement keydown est levé, le contenu de la zone de texte est stocké dans la variable contenu :

var contenu = $('#target').val();

La touche frappée est mémorisée dans la variable frappe :

var frappe = String.fromCharCode(e.keyCode);

S’il s’agit d’une lettre (entre A et Z dont entre le keyCode 65 et 90), la frappe n’est pas propagée :

if(e.which>=65 && e.which<=90){
  e.preventDefault(); // Empêche la propagation des touches frappées

Et le contenu est mis à jour avec la version majuscule de la touche frappée :

contenu+=frappe;

Il ne reste plus qu’à mettre à jour le contenu de la zone de texte :

$('#target').val(contenu);

 

Remarque

Si vous utilisez la fonction keypress(), e.which retourne le code de la touche frappée, en faisant la distinction entre les minuscules et les majuscules. Par contre, si vous utilisez la fonction keydown() ou keyup(), e.which retourne une version simplifiée de la touche frappée, sans faire la distinction entre les minuscules et les majuscules.


Combinée avec les chiffres du pavé numérique, la touche Alt du clavier donne accès aux caractères ASCII étendus.

Read more


Pour démarrer votre ordinateur, vous appuyez certainement sur la touche Power On. Que diriez-vous d’appuyer à la place sur une touche du clavier ?

Mettez l’ordinateur sous tension et appuyez sur la touche qui donne accès au BIOS. Généralement, il s’agit de la touche F2, Suppr, F10 ou F9.

Si vous utilisez un clavier PS2, rendez-vous dans le menu Advanced et affectez la valeur Any Key à la commande PS/2 Keyboard Power On.

Si vous utilisez un clavier USB, rendez-vous dans le menu USB Configuration et affectez la valeur Enabled à la commande USB Keyboard/Remote Power On.

Quittez le BIOS en sauvegardant les modifications. Généralement, vous devrez quitter le menu actuel en appuyant sur la touche Echap du clavier, afficher le menu Exit et lancer la commande Save Changes and Exit.

Désormais, il vous suffit d’appuyer sur une touche du clavier pour démarrer l’ordinateur.


Dans cette rubrique, je vais vous montrer comment installer une autre disposition de touches sur votre clavier et comment passer d’une disposition à l’autre. Ici, nous allons supposer qu’un clavier français est installé et que vous voulez installer un clavier anglais.

Cliquez sur Démarrer, tapez langue et cliquez sur Modifier les claviers ou les autres méthodes d’entrée, sous Panneau de configuration. Cette action affiche la boîte de dialogue Région et langue, onglet Claviers et langues sélectionné. Cliquez sur Modifier les claviers. Une nouvelle boîte de dialogue intitulée Services de texte et de langues est affichée. Cliquez sur Ajouter. Développez l’entrée Anglais (Etats-Unis) et l’entrée Clavier. Cochez la case Anglais (Etats-Unis) et validez en cliquant sur le bouton OK.

Sous l’onglet Général, une liste déroulante vous permet de choisir la langue d’entrée par défaut. Sous l’onglet Paramètres de touches avancés, vous pouvez choisir les combinaisons de touches qui vous permettront de passer d’un clavier à l’autre. Ici par exemple, le raccourci Alt+Maj permet de passer du clavier français au clavier américain et inversement.

Refermez les deux boîtes de dialogue ouvertes en cliquant sur OK et vérifiez que le raccourci Alt+Maj fonctionne. Si vous préférez utiliser la souris pour changer la disposition du clavier, cliquez sur la barre de langue, dans la Zone de notification et faites votre choix dans le menu.


Je suis prêt à parier que vous ne vous servez jamais de plusieurs touches du clavier. Dans ce cas, pourquoi ne pas leur affecter des caractères ou suites de caractères qui vous faciliteraient la vie ? Read more


Les paramètres relatifs aux claviers sont regroupés dans la boîte de dialogue Clavier. Pour y accéder, cliquez sur l’icône Préférences Système dans le Dock, puis sur l’icône Clavier dans la boîte de dialogue Préférences Système.

Sous l’onglet Clavier, deux curseurs permettent de choisir la vitesse de répétition des touches et la pause avant que la répétition des touches ne soit prise en compte.

Dans la partie inférieure de la boîte de dialogue, le bouton Touches de modification permet de changer les touches de modification Verr. Maj, Contrôle, Option et Commande. Cette possibilité peut s’avérer très utile si vous avez connecté un clavier de PC sur le Mac. En effet, les touches Option et Commande (respectivement représentées par les touches Alt et Windows) sont par défaut inversées sur ces claviers. Pour rétablir les choses, vous pouvez donc modifier les touches du clavier PC qui jouent le rôle des touches Option et Commande.


Si vous voulez être aussi efficace que possible lorsque vous utilisez Word, je vous conseille d’utiliser des raccourcis clavier. Voici quelques-uns des raccourcis que vous devez connaître :

Raccourci clavier Effet
Ctrl + N Crée un nouveau document
Ctrl + O Ouvre un document existant via la vue Backstage
Ctrl + F12 Affiche la boîte de dialogue Ouvrir
Ctrl + S Enregistre le document en cours d’édition
Ctrl + P Ouvre la boîte de dialogue Imprimer
Ctrl + Z Annule la dernière frappe ou mise en forme
Ctrl + Y Rétablit la dernière frappe ou mise en forme
Ctrl + X Coupe le texte sélectionné et le place dans le presse-papiers
Ctrl + C Copie le texte sélectionné dans le presse-papiers
Ctrl + V Copie le contenu du presse-papiers au point d’insertion
Ctrl + A Sélectionne tout le document
Ctrl + F Affiche le Volet de navigation pour faire des recherches dans le document
Ctrl + H Affiche la boîte de dialogue Rechercher et remplacer, volet Remplacer sélectionné
F5 Affiche la boîte de dialogue Rechercher et Remplacer, volet Atteindre sélectionné