Maison >interface Web >js tutoriel >Comment définir et supprimer la valeur par défaut de la zone de texte dans jQuery_jquery

Comment définir et supprimer la valeur par défaut de la zone de texte dans jQuery_jquery

WBOY
WBOYoriginal
2016-05-16 16:10:461294parcourir

L'exemple de cet article décrit comment définir et supprimer la valeur par défaut d'une zone de texte avec jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Initialement, la zone de texte est définie sur une valeur par défaut. Lorsque le curseur se déplace vers la zone de texte, si la valeur actuelle de la zone de texte est la valeur par défaut, elle est effacée lorsque vous quittez la zone de texte, si la valeur de la zone de texte est vide, alors la valeur de la zone de texte est définie sur la valeur ; valeur par défaut.

Le code est le suivant :

$(document).ready(function() {
  //each遍历文本框
  $(".input").each(function() {
    //保存当前文本框的值
    var vdefault = this.value;
    $(this).focus(function() {
      //获得焦点时,如果值为默认值,则设置为空
      if (this.value == vdefault) {
        this.value = "";
      }
    });
    $(this).blur(function() {
      //失去焦点时,如果值为空,则设置为默认值
      if (this.value == "") {
        this.value = vdefault;
      }
    });
  });
});

J'espère que cet article sera utile à la programmation jQuery de chacun.

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