Standardwert eines Eingangs Get jQuery

Question

$(".box_yazi2").each(function() { 
    var default_value = this.value; 
    $(this).css('color', '#555'); // this could be in the style sheet instead 
    $(this).focus(function() { 
     if (this.value == default_value) { 
      this.value = ''; 
      $(this).css('color', '#000'); 
     } 
    }); 
    $(this).blur(function() { 
     if (this.value == '') { 
      $(this).css('color', '#555'); 
      this.value = default_value; 
     } 
    }); 
}); 

Diese Funktion Standardwert Eingang funktioniert nicht in FF, aber funktioniert perfekt in IE und natürlich der Eingang selbst sieht wie folgt aus:

<input type="text" class="box_yazi2" id="konu" name="konu" value="Boş" /> 

Answer 1

Die Lösung ist ziemlich einfach; Sie haben ein extra }); in Ihrem Code (danke @ Box9).

Ich würde Sie ermutigen, die Variable wiederzuverwenden und nicht Dutzende von jQuery-Objekten zu erstellen.

Ich habe Ihr Beispiel in background-color geändert, aber es wird funktionieren.

$('.box_yazi2').each(function(index, element) { 
    var $element = $(element); 
    var defaultValue = $element.val(); 
    $element.css('background-color', '#555555'); 
    $element.focus(function() { 
     var actualValue = $element.val(); 
     if (actualValue == defaultValue) { 
      $element.val(''); 
      $element.css('background-color', '#3399FF'); 
     } 
    }); 
    $element.blur(function() { 
     var actualValue = $element.val(); 
     if (!actualValue) { 
      $element.val(defaultValue); 
      $element.css('background-color', '#555555'); 
     } 
    }); 
}); 

demo

Answer 2

Verwenden Sie einfach die defaultValue Eigenschaft:

var default_value = $(this).prop("defaultValue"); 

Oder:

var default_value = this.defaultValue; 

Answer 3

ich den nächsten Code verwendet:

//clear the focused inputs 
$('input[type="text"]').focus(function(){ 
    if($(this).attr('value') == $(this).attr('defaultValue')){ 
     $(this).attr('value', ''); 
    }; 
}); 
$('input[type="text"]').blur(function(){ 
    if($(this).attr('value') == ''){ 
     $(this).attr('value', $(this).attr('defaultValue')); 
    }; 
}); 

Answer 4

Verwenden this.defaultValue

Sorry für den Link zu w3notcools, http://www.w3schools.com/jsref/prop_text_defaultvalue.asp

Answer 5

$('input[type="text"]').focus(function(){ 
      elementValue = $(this).val(); 
      $(this).val(""); 
     }); 
     $('input[type="text"]').blur(function(){ 
      if($(this).val() != elementValue && $(this).val() != ""){ 

      }else{ 
       $(this).val(elementValue); 
      } 

     }); 

Answer 6

Sie prop statt so viele Funktionen um ehrlich zu sein verwenden sollten, verwenden Sie ‚delegieren‘ statt ‚auf‘ für späte statische Bindung .

$('.box_yazi2').each(function() { 

$(this).on('focus', function(){ 

    if($(this).val() == $(this).prop('defaultValue')){ 

     $(this).val(''); 
     $(this).css('color', '#000'); 
    } 

}); 

$(this).on('blur', function(){ 

    if($(this).val() == ''){ 

     $(this).val($(this).prop('defaultValue')); 
     $(this).css('color', '#000'); 
    } 

}); 

});