Maison > interface Web > js tutoriel > L'utilisation et la définition de l'événement jQuery keyup()

L'utilisation et la définition de l'événement jQuery keyup()

黄舟
Libérer: 2017-06-27 14:14:07
original
2424 Les gens l'ont consulté

Vue d'ensemble

Déclenchez l'événement keyup pour chaque élément correspondant

Cette fonction appellera et exécutera toutes les fonctions liées à l'événement keyup, y compris le comportement par défaut du navigateur. Vous pouvez empêcher le déclenchement du comportement par défaut du navigateur en renvoyant false dans une fonction liée. L'événement keyup est déclenché lorsque la clé est relâchée.

Paramètres

fnFunctionV1.0

La fonction de gestionnaire liée dans l'événement keyup de chaque élément correspondant.

[data],fnString,FunctionV1.4.3

data:keyup([Data], fn) peut transmettre des données à la fonction fn à traiter.

fn : La fonction de gestionnaire liée à l'événement keyup de chaque élément correspondant.

Exemple

Description :

Changer la couleur du champ de texte lorsqu'une touche est enfoncée :

Code jQuery :

$("input").keyup(function(){ $("input").css("background-color","#D6D6FF"); });
Copier après la connexion

Événement keyup()

L'événement keyup() se produit lorsque la clé est relâchée. Agit sur l'élément actuellement focalisé.

Aspects spécifiques à l'application

RechercheAspects de la requête

Lors de la saisie du contenu de la recherche dans la zone de saisie de la recherche, appuyez sur la touche Entrée pour effectuer la recherche.

<script type="text/javascript">  
$(document).ready(function(){  
    $("#pos_keyword").keyup(function(e){        //pos_keyword就是搜索框,当搜索框按下时响应事件keyup,e就是当前元素element  
    var keycode = e.which;          //keycode就是按键的编码,e当前元素element,e.which是当前的编码  
    if(keycode==13){                //如果keycode等于13就响应方法进行搜索  
        search_pos();  
    }  
    });  
})  
</script>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal