Maison > interface Web > js tutoriel > Comment utiliser jQuery focus()

Comment utiliser jQuery focus()

coldplay.xixi
Libérer: 2021-02-07 11:53:23
original
4021 Les gens l'ont consulté

Utilisation de jQuery focus() : Tout d'abord, lorsque la page est chargée via la méthode [ready()], obtenez l'objet d'entrée via l'identifiant et liez-y l'événement focus, puis lorsque l'entrée obtient le focus ; , exécutez la méthode fonction ; enfin, le contenu d'entrée est obtenu via la méthode [val()].

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

Utilisation de jQuery focus() :

1. Créez un nouveau fichier html, nommé test.html, pour expliquer la fonction de la méthode focus() dans jquery. .

Comment utiliser jQuery focus()

2. Dans le fichier test.html, utilisez la balise d'entrée pour créer une zone de texte et définissez sa valeur par défaut sur 123456.

Comment utiliser jQuery focus()

3. Dans le fichier test.html, ajoutez un attribut id à la balise d'entrée et définissez-le sur mytest.

Comment utiliser jQuery focus()

4. Dans la balise js, lorsque la page est chargée via la méthode ready(), obtenez l'objet d'entrée via l'identifiant et liez-y l'événement focus When. input Lorsque le focus est obtenu, la méthode fonction est exécutée.

Comment utiliser jQuery focus()

5. Dans la méthode fonction, obtenez le contenu d'entrée via la méthode val() et sortez-le en utilisant la méthode alert().

Comment utiliser jQuery focus()

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

Comment utiliser jQuery focus()

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!

É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