Utilisation dynamique du focus de la page jquery-js tutoriel-php.cn

Utilisation dynamique du focus de la page jquery

php中世界最好的语言

Libérer： 2018-04-26 14:05:19

original

1656 Les gens l'ont consulté

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>

Copier après la connexion

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();

Copier après la connexion

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!