Maison > interface Web > js tutoriel > le corps du texte

Comment faire perdre le focus à la zone de saisie dans jQuery

WBOY
Libérer: 2021-12-01 11:28:00
original
9616 Les gens l'ont consulté

Comment faire perdre le focus à la zone de saisie dans jQuery : 1. Utilisez l'instruction "$("input element")" pour obtenir l'objet élément d'entrée ; 2. Utilisez la méthode blur() pour faire perdre le focus à l'objet élément d'entrée ; . La syntaxe est " ElementObject.blur()".

Comment faire perdre le focus à la zone de saisie dans jQuery

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

Comment faire perdre le focus à la zone de saisie dans jQuery

Dans jquery, en obtenant l'objet d'entrée et en utilisant la méthode blur(), vous pouvez perdre le focus et déclencher l'événement. L'exemple suivant explique comment écrire un événement focus pour une zone de saisie à l'aide de jquery.

1. Créez un nouveau fichier html, nommé test.html, pour expliquer comment écrire un événement focus dans la zone de saisie à l'aide de jquery. Dans la balise p, utilisez la balise input pour créer une zone de saisie. 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. Dans la balise js, utilisez la méthode ready() pour exécuter la fonction function lorsque la page est chargée.

Comment faire perdre le focus à la zone de saisie dans jQuery

2. 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'objet d'entrée lorsque la zone de saisie perd le focus, la fonction fonction est exécutée.

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 perdu le focus".

Comment faire perdre le focus à la zone de saisie dans jQuery

Ouvrez le fichier test.html dans le navigateur pour voir l'effet.

Comment faire perdre le focus à la zone de saisie dans jQuery

Résumé :

1. Créez un fichier test.html.

2. Dans le fichier, dans la balise p, utilisez la balise input pour créer une zone de saisie et définissez l'attribut id de l'entrée sur testid.

3. Dans la balise js, utilisez la méthode ready() pour exécuter la fonction lorsque la page est chargée. Dans la fonction function, obtenez l'objet d'entrée en obtenant l'identifiant (testid) et utilisez la méthode blur(). pour lier l’objet d’entrée.

Remarque :

L'événement de flou se produit lorsqu'un élément perd le focus.

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

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