首頁 >web前端 >js教程 >jQuery設定和移除文字方塊預設值的方法_jquery

jQuery設定和移除文字方塊預設值的方法_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
2016-05-16 16:10:461339瀏覽

本文實例講述了jQuery設定和移除文字方塊預設值的方法。分享給大家供大家參考。具體分析如下:

開始時,文字方塊設定一個預設值。當遊標移動到文字方塊時,如果文字方塊目前值是預設值,那麼清空;離開文字方塊時,文字方塊值如果為空,那麼將文字方塊值設為預設值。

程式碼如下:

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

希望本文所述對大家的jQuery程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn