jQuery implémente la fonction de définition et de suppression de la valeur par défaut de la zone de texte-js tutoriel-php.cn

jQuery implémente la fonction de définition et de suppression de la valeur par défaut de la zone de texte

韦小宝

Libérer： 2017-11-28 10:00:32

original

1483 Les gens l'ont consulté

jQuery implémente la valeur par défaut de la zone de texte pour détecter les mouvements de la souris Ce chapitre présente comment utiliser jQuery pour implémenter la valeur par défaut. de la zone de texte pour détecter la fonction des mouvements de la souris. Il y a du code jQuery~

Par exemple, lorsque la zone de texte obtient le focus de la souris, la valeur par défaut sera effacée lorsqu'il n'y a aucune entrée dans le texte. case, le focus de la souris quitte le temps, il reviendra à la valeur par défaut.
Exemple de code :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>程序员之家</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#email").focus(function(){ 
    var email_txt = $(this).val(); 
    if(email_txt == this.defaultValue){ 
      $(this).val(""); 
    } 
  }) 
  $("#email").blur(function(){ 
    var email_txt = $(this).val(); 
    if (email_txt == "") { 
      $(this).val(this.defaultValue); 
    } 
  }) 
})
</script> 
</head> 
<body> 
<p><input type="text" value="请输入邮箱地址" id="email"/></p> 
</body> 
</html>

Copier après la connexion

Au-dessus du Le code a répondu à nos exigences. Voici une brève introduction à son principe de mise en œuvre :

est très simple. Il s'agit d'enregistrer les fonctions de focus et de flou de traitement des événements pour la zone de texte. la zone de texte obtient le focus À ce moment-là, si le contenu de la zone de texte est identique à la valeur par défaut, la zone de texte sera effacée. Lorsque le focus quittera la zone de texte, si le contenu de la zone de texte est vide, il le sera. être restauré à la valeur par défaut.

Ou utilisez le code suivant :

$(&#39;.default-value&#39;).each(function() {
       var default_value = this.value;
       $(this).focus(function(){
               if(this.value == default_value) {
                       this.value = &#39;&#39;;
               }
       });
       $(this).blur(function(){
               if(this.value == &#39;&#39;) {
                       this.value = default_value;
               }
       });
});

Copier après la connexion

Ce qui précède est le contenu de jQuery pour implémenter la fonction de définition et de suppression de la valeur par défaut de la zone de texte. Pour plus d'informations, veuillez consulter. vers le Site Web PHP chinois RechercheOh~

Recommandations associées :

Explication détaillée de l'animation et des effets spéciaux jQuery

À propos du secret de jQuery

Explication détaillée de l'utilisation de Jquery plug-in ThickBox de couche contextuelle

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!