recherche

Maison >interface Web >js tutoriel >Utilisation dynamique du focus de la page jquery

Utilisation dynamique du focus de la page jquery

php中世界最好的语言
php中世界最好的语言original
2018-04-26 14:05:191661parcourir

Cette fois, je vais vous présenter l'utilisation dynamique du jquery page focus. Quelles sont les précautions pour utiliser jquery page focus de manière dynamique. Voici des cas pratiques, jetons un coup d'œil.

Lorsque les utilisateurs saisissent du texte, il serait plus convivial si la zone de texte dans laquelle ils tapaient pouvait être mise en surbrillance. Ceci est réalisé en utilisant jQuery ci-dessous.
Principe de mise en œuvre :
Une fois le document chargé (prêt), ajoutez des événements de focus et de flou d'entrée, et ajoutez et supprimez styles.
Exemple de code : 

<html> 
<head>
<title>焦点</title> 
<style type="text/css">
.redBack{}{ 
color:white; 
background:red; 
border:2px solid black; 
} 
</style> 
<script language="javascript" src="jquery-1.1.4.js" type="text/javascript"></script> 
<script language="javascript"> 
$(document).ready(function(){ 
$(&#39;input&#39;).focus(function(){ 
$(this).addClass(&#39;redBack&#39;); 
//alert("hello"); 
}); 
$(&#39;input&#39;).blur(function(){ 
$(this).removeClass(&#39;redBack&#39;); 
}); 
}); 
</script> 
</head> 
<body> 
<input type="text" value="hello,shanzhu" id="myText"> 
<input type="text" value="hello,shanzhu" id="myText2"> 
<input type="text" value="hello,shanzhu" id="myText3"> 
<input type="text" value="hello,shanzhu" id="myText4"> 
<input type="text" value="hello,shanzhu" id="myText5"> 
<input type="text" value="hello,shanzhu" id="myText6"> 
</body> 
</html>

Selon les exigences du test, après l'alerte, le curseur doit être positionné à la position spécifiée. Après l'avoir vérifié, j'ai découvert que l'attribut focus pouvait être facilement obtenu. 

alert("姓名不能为空！"); 
//由id定位到需要的焦点 
$("#name").focus();

C'est-à-dire qu'une fois l'invite émise, le focus revient sur l'élément d'entrée. De même, des styles correspondants peuvent également être ajoutés. Il serait plus convivial si la zone de texte saisie pouvait être mise en surbrillance. Nous utiliserons jQuery pour y parvenir.
Une fois le document chargé (prêt), ajoutez les événements de focus et de flou de l'entrée, puis ajoutez et supprimez des styles.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

jquery se rend compte que seuls des nombres peuvent être saisis dans la zone de texte spécifiée

Jquery+Mobile personnalisé étapes de l'icône du bouton Explication détaillée

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
Article précédent：JQuery définit la zone de texte pour obtenir le style de focus (code ci-joint)Article suivant：JQuery définit la zone de texte pour obtenir le style de focus (code ci-joint)

Articles Liés

Voir plus