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)".
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.
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)
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> $('#mochu').focus(function(){ $(this).css('border-color','red'); }); </script>
Lorsque la souris se déplace dans l'entrée et clique, l'élément d'entrée prend la forme suivante
L'événement jq focus() ajoutera un style CSS à l'entrée
<input type="text" name="" id="mochu" style="max-width:90%">
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'utilisateurL'é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)
[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!