Explication détaillée de l'utilisation de la fonction jQuery.keypress()

La fonction

keypress() est utilisée pour lier une fonction de gestionnaire à l'événement keypress de chaque élément correspondant. De plus, vous pouvez également transmettre des données supplémentaires à la fonction gestionnaire d'événements.

L'événement keypress est déclenché lorsqu'une touche du clavier est enfoncée. Il est similaire à l'événement keydown, mais keypress se concentre sur le caractère enfoncé lorsque la touche est enfoncée (seules les touches pouvant imprimer des caractères déclencheront la pression sur une touche), tandis que keydown se concentre sur la touche enfoncée (appuyer sur n'importe quelle touche peut déclencher keydown ). Pour les touches de modification et non imprimables telles que Ctrl, Alt, Shift, Suppr, Échap, etc., écoutez l'événement keydown.

De plus, vous pouvez lier plusieurs gestionnaires d'événements en appelant cette fonction plusieurs fois pour le même élément. Lorsque l'événement keypress est déclenché, jQuery exécutera les fonctions de traitement des événements liés dans l'ordre de liaison.

Pour supprimer un événement lié via keypress(), utilisez la fonction unbind().

Cette fonction appartient à l'objet (instance) jQuery.

Syntaxe

jQueryObject.keypress( [[ data ,]  handler ] )

Paramètres

jQuery 1.4.3 Nouveau support : keypress() prend en charge les paramètres de données.

Ceci dans le gestionnaire de paramètres pointe vers l'élément DOM actuel. keypress() transmettra également un paramètre au gestionnaire : l'objet Event représentant l'événement en cours.

Valeur de retour

keypress()La valeur de retour de la fonction est de type jQuery et renvoie l'objet jQuery actuel lui-même.

Exemple et description

Veuillez vous référer à l'exemple de code HTML suivant :

<input id="chars" type="text" />

Maintenant, nous lions la fonction de gestionnaire à l'événement keypress de la fenêtre object (Vous pouvez en lier plusieurs, et ils seront exécutés dans l'ordre selon l'ordre de liaison lorsqu'ils sont déclenchés) :

keypress事件的event.which属性返回的是按键所输入的字符的Unicode值。keydown事件的event.which属性返回的是所按下的键盘按键的映射代码值。

// 检测按键输入的字符
// Ctrl、Alt等非打印键不会触发keypress事件
$(window).keypress( function(event){
    $("body").append( "<br>你输入了字符[" + String.fromCharCode( event.which ) + "](event.which=" + event.which + &#39;)&#39; ) ;
} );

// 触发keypress事件
// $(window).keypress( );

我们还可以为事件处理函数传递一些附加的数据。此外，通过jQuery为事件处理函数传入的参数Event对象，我们可以获取当前事件的相关信息(比如事件类型、触发事件的DOM元素、附加数据等)：

// { A:65, Z:90, a:97, z:122 }
var validChars = { "A": "A".charCodeAt(0), "Z": "Z".charCodeAt(0), "a": "a".charCodeAt(0), "z": "z".charCodeAt(0)  };

// 只允许输入大小写字母，不允许输入其他字符(使用某些输入法可能会绕过该限制，从而输入中文或其它字符)
$("#chars").keypress( validChars, function(event){
    var ch = event.data;
    return event.which >= ch.A && event.which <= ch.Z || event.which >= ch.a && event.which <= ch.z;
} );

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!