如何刪除重點輸入的多個輸入的默認值

Question

這個問題的答案How to remove default value of input on focus有一個很好的功能，但它如何被重用並應用到多個輸入字段？

這樣的事情，但工作http://jsfiddle.net/hDCsZ/177/

基本我敢肯定。提前致謝。

Answer 1

http://jsfiddle.net/mpH6U/

$(document).ready(function(){ 
    var input = $('input'); 

    input.each(function(){ 
     $(this).data('default', $(this).val()); 
    }).focus(function(){ 
     if($(this).val() == $(this).data('default')){ 
      $(this).val(""); 
     }    
    }).blur(function(){ 
     if(!$(this).val()){ 
      $(this).val($(this).data('default')); 
     } 
    }); 
})​ 

Answer 2

http://jsfiddle.net/zSCn3/

基本上而不是寫功能的兩倍，我們可以使用.each並將其應用到所有可用的輸入。通過使用.each jQuery循環遍歷每個輸入並單獨應用該函數，因此default_value = $(this).val()將是特定輸入的值。

$(document).ready(function(){ 

     $('input[type="text"]').each(function(){  
      var default_value = $(this).val();   
      $(this).focus(function() { 
       if($(this).val() == default_value) 
       { 
        $(this).val(""); 
       } 
      }).blur(function(){ 
       if($(this).val().length == 0) /*Small update*/ 
       { 
        $(this).val(default_value); 
       } 
      }); 
     }); 
    })​;​ 

Answer 3

可以使用defaultValue屬性：

$(document).ready(function(){ 
    $("input").focus(function() { 
     if(this.value == this.defaultValue) { 
      this.value = ""; 
     } 
    }).blur(function(){ 
     if(this.value.length == 0) { 
      this.value = this.defaultValue; 
     } 
    }); 
}) 

DEMO