JavaScript a plusieurs événements de clavier-Questions et réponses frontales-php.cn

JavaScript a plusieurs événements de clavier

青灯夜游

Libérer： 2022-02-17 18:15:04

original

3649 Les gens l'ont consulté

Javascript a trois types d'événements de clavier : 1. l'événement keydown, qui est déclenché lorsqu'une certaine touche du clavier est enfoncée ; 2. l'événement keypress, qui est déclenché lorsqu'une certaine touche du clavier est enfoncée et relâchée ; 3. l'événement keyup ; , qui est déclenché lorsqu'une certaine touche du clavier est relâchée. Déclenché lorsqu'une touche est enfoncée.

JavaScript a plusieurs événements de clavier

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

En JavaScript, les événements de clavier sont déclenchés lorsque l'utilisateur utilise le clavier.

Les événements de clavier comprennent principalement les 3 types suivants :

keydown : Déclenchés lorsqu'une touche est enfoncée sur le clavier. Si vous maintenez une touche enfoncée, cet événement sera déclenché en continu, mais le navigateur Opera ne prend pas en charge cette opération continue. Lorsque le gestionnaire d'événements renvoie false, l'action par défaut (telle que la saisie de caractères au clavier et la réponse à l'événement de pression sur une touche dans les navigateurs IE et Safari) sera annulée. keydown：在键盘上按下某个键时触发。如果按住某个键，会不断触发该事件，但是 Opera 浏览器不支持这种连续操作。该事件处理函数返回 false 时，会取消默认的动作（如输入的键盘字符，在 IE 和 Safari 浏览器下还会禁止keypress 事件响应）。
keypress：按下某个键盘键并释放时触发。如果按住某个键，会不断触发该事件。该事件处理函数返回 false 时，会取消默认的动作（如输入的键盘字符）。
keyup

keypress : Déclenché lorsqu'une touche du clavier est enfoncée et relâchée. Si une touche est enfoncée, cet événement sera déclenché en continu. Lorsque le gestionnaire d'événements renvoie false, l'action par défaut (telle que les caractères saisis au clavier) sera annulée.

keyup : Déclenché lorsqu'une touche du clavier est relâchée. Cet événement n'est déclenché qu'une seule fois lorsque le clavier est relâché et ne constitue pas un état de réponse continue.

Lorsque vous obtenez le code clé sur lequel l'utilisateur appuie, vous pouvez utiliser les événements keydown, keypress et keyup pour obtenir ces informations. Les événements keydown et keypress sont fondamentalement synonymes et leurs performances sont exactement les mêmes. Cependant, certains navigateurs ne permettent pas d'utiliser l'événement keypress pour obtenir des informations clés. Tous les éléments prennent en charge les événements clavier, mais les événements clavier sont principalement utilisés dans la saisie de formulaire.

Exemple

L'exemple suivant capture divers détails des opérations du clavier en temps réel, c'est-à-dire les types d'événements de réponse du clavier et les valeurs de clé correspondantes.

<textarea id="key"></textarea>
<script>
    var key = document.getElementById("key");
    key.onkeydown =f;  //注册keydown事件处理函数
    key.onkeyup = f;  //注册keyup事件处理函数
    key.onkeypress = f;  //注册keypress事件处理函数
    function f (e) {
        var e = e || window.event;  //标准化事件处理
        var s = e.type + " " + e.keyCode;  //获取键盘事件类型和按下的值
        key.value = s;
    }
</script>

Copier après la connexion

Propriétés des événements de clavierAttributs définis par les événements du clavierAttributesDescriptionkeyCodeCet attribut contient la valeur clé de la touche correspondante dans le claviercharCodeCet attribut contient la valeur clé de la touche correspondante dans le clavier Encodage Unicode, seul DOM prend en charge targetLe nœud (contenant les éléments) où l'événement se produit, seul DOM prend en charge srcElementL'élément où l'événement se produit, seul IE prend en charge shiftKeyqu'elle soit enfoncée La touche Shift, si elle est enfoncée, renvoie vrai, sinon elle est faussectrlKey Si la touche Ctrl est enfoncée, si elle est enfoncée, renvoie vrai, sinon faux renvoie vrai, sinon falsemetaKeyQue la touche Mtea soit enfoncée, renvoie vrai si elle est enfoncée, sinon faux, seul le DOM prend en charge