Maison  >  Article  >  interface Web  >  Comment écrire l'événement de perte de focus de la zone de saisie en utilisant jquery

Comment écrire l'événement de perte de focus de la zone de saisie en utilisant jquery

coldplay.xixi
coldplay.xixioriginal
2020-12-03 15:16:4312106parcourir

La zone de saisie utilise jquery pour perdre le focus : définissez d'abord l'attribut id de l'entrée sur testid ; puis utilisez la méthode [ready()] pour exécuter la fonction lorsque la page est chargée ; La méthode [blur() ] lie l'événement de perte de focus à l'objet d'entrée.

Comment écrire l'événement de perte de focus de la zone de saisie en utilisant jquery

L'environnement d'exploitation de ce tutoriel : système Windows7, version jquery3.2.1, ordinateur Dell G3.

Comment utiliser jquery pour la zone de saisie afin de perdre le focus :

1 Créez un nouveau fichier html, nommé test.html, pour expliquer comment utiliser jquery. pour la zone de saisie de saisie Comment écrire un événement de perte de concentration.

Comment écrire lévénement de perte de focus de la zone de saisie en utilisant jquery

2. Dans le fichier test.html, dans la balise p, utilisez la balise input pour créer une zone de saisie.

Comment écrire lévénement de perte de focus de la zone de saisie en utilisant jquery

3. Dans le fichier test.html, définissez l'attribut id de l'entrée sur testid, qui est utilisé pour obtenir l'objet d'entrée via cet identifiant ci-dessous.

Comment écrire lévénement de perte de focus de la zone de saisie en utilisant jquery

4. Dans le fichier test.html, dans la balise js, utilisez la méthode ready() pour exécuter la fonction function lorsque la page est chargée.

Comment écrire lévénement de perte de focus de la zone de saisie en utilisant jquery

5. Dans la fonction function, obtenez l'objet d'entrée en obtenant l'identifiant (testid) et utilisez la méthode blur() pour lier l'événement de perte de focus à l'entrée. objet Lorsque la zone de saisie d'entrée Lorsque le focus est perdu, la fonction est exécutée.

Comment écrire lévénement de perte de focus de la zone de saisie en utilisant jquery

6. Dans la balise js, afin de vérifier l'événement de perte de focus, dans la fonction function, utilisez la méthode alert() pour saisir l'invite « l'entrée a été perdue. se concentrer".

Comment écrire lévénement de perte de focus de la zone de saisie en utilisant jquery

7. Ouvrez le fichier test.html dans le navigateur pour vérifier l'effet.

Comment écrire lévénement de perte de focus de la zone de saisie en utilisant jquery

Recommandations d'apprentissage gratuites associées : javascript (vidéo)

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!

Déclaration:
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