Maison > interface Web > Questions et réponses frontales > Jquery déclenche-t-il un événement en cliquant sur l'entrée ?

Jquery déclenche-t-il un événement en cliquant sur l'entrée ?

青灯夜游
Libérer: 2022-11-02 18:27:35
original
1999 Les gens l'ont consulté

Cliquer sur l'entrée déclenche "l'événement focus", ce qui signifie que l'élément d'entrée est sélectionné et peut être utilisé, et une petite ligne verticale clignote sur l'écran de la page. Dans jquery, vous pouvez utiliser la méthode focus() pour déclencher ou lier des événements de focus à des éléments, en utilisant la syntaxe "$(selector).focus()" ou "$(selector).focus(function)".

Jquery déclenche-t-il un événement en cliquant sur l'entrée ?

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

jquery clique sur l'entrée pour déclencher "l'événement focus".

L'accent est mis sur la zone concernée, c'est-à-dire la position où le curseur est actuellement activé. La petite ligne verticale clignotant sur l'écran de la page indique qu'un contrôle sur la page Web est sélectionné et peut être utilisé. Cliquez sur la souris pour obtenir le curseur et la touche Tab peut changer de focus en fonction du Tabindex défini.

Par exemple, si une zone de texte de saisie obtient le focus, vous cliquez sur l'élément de saisie et vous entrez directement dans la zone de texte de saisie ou si une zone de liste déroulante obtient le focus, si vous appuyez sur la flèche vers le bas du clavier, elle le sera. lister la liste. Le programme comporte également des événements qui se produisent lorsque le focus est obtenu (gotfocus()), des événements qui se produisent lorsque le focus est perdu (lostfocus()) et une méthode pour définir le focus pour le contrôle (setfocus()). Faire bon usage du focus peut rendre votre programme très convivial.

Jquery déclenche-t-il un événement en cliquant sur lentrée ?

Lorsqu'un élément obtient le focus, l'événement de focus se produit. Un élément reçoit le focus lorsqu'il est sélectionné avec un clic de souris ou positionné avec la touche de tabulation.

jquery focus() obtient l'événement focus

la méthode focus() déclenche l'événement focus ou spécifie une fonction à exécuter lorsque l'événement focus se produit.

Syntaxe :

//触发 focus 事件
$(selector).focus()

//将函数绑定到 focus 事件
$(selector).focus(function)
Copier après la connexion

Exemple : changez la couleur de la bordure de la zone de saisie lorsqu'elle obtient le focus

Exemple de code :

<input type="text" name="" id="mochu">
<script>
    $(&#39;#mochu&#39;).focus(function(){
        $(this).css(&#39;border-color&#39;,&#39;red&#39;);
    });
</script>
Copier après la connexion

Lorsque la souris se déplace dans l'entrée et clique, l'élément d'entrée prend la forme suivante

Jquery déclenche-t-il un événement en cliquant sur lentrée ?

L'événement jq focus() ajoutera un style CSS à l'entrée

<input type="text" name="" id="mochu"   style="max-width:90%">
Copier après la connexion

Jquery déclenche-t-il un événement en cliquant sur lentrée ?

Connaissances approfondies : La méthode flou() définit l'événement de perte de focus

Méthode blur() : L'événement flou se produit lorsque l'élément perd le focus.

Utilisez l'événement jq Blur() Lost Focus pour vérifier le contenu saisi par l'utilisateur

L'événement focus Blur() dans JQuery peut être utilisé pour vérifier si le contenu saisi par l'utilisateur dans la zone de saisie est légal pour. Par exemple, le code suivant donnera une invite si l'utilisateur saisit moins de cinq caractères

Exemple de code :

//触发 blur 事件
$(selector).blur()

//将函数绑定到 blur 事件
$(selector).blur(function)
Copier après la connexion

Jquery déclenche-t-il un événement en cliquant sur lentrée ?

[Apprentissage recommandé : Tutoriel vidéo jQuery,

Vidéo frontale Web

]

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