recherche

Maison >interface Web >js tutoriel >jQuery implémente la fonction de définition et de suppression de la valeur par défaut de la zone de texte

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

韦小宝
韦小宝original
2017-11-28 10:00:321485parcourir

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>

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

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 chinoisRechercheOh~

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!

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：Méthode d'implémentation du compte à rebours JavaScriptArticle suivant：Méthode d'implémentation du compte à rebours JavaScript

Articles Liés

Voir plus