Как использовать эту функцию JQuery для очистки входного текста?

Question

Я пытался очистить ввод текста, используя onfocus и onblur внутри тега ввода, но я буду использовать его во многих полях, поэтому я нашел эту функцию JQuery, но я не могу заставить ее работать.

$('.default-value').each(function() { 

    var default_value = this.value; 

    $(this).focus(function(){ 
      if(this.value == default_value) { 
        this.value = ''; 
      } 
    }); 

    $(this).blur(function(){ 
      if(this.value == '') { 
        this.value = default_value; 
      } 
    }); 
}); 

Я пытался ставить этот тег внутри сценария внутри головки тега, и я добавил класс по умолчанию стоимости для входов, которые я хочу, чтобы очистить, но он не работает.

так что я делаю неправильно? Я не знаю javascript, и я связываюсь с последним JQuery.

и благодаря

Answer 1

Похоже, вы заново изобретать @placeholder здесь.

Просто используйте HTML, как это:

<input type="text" placeholder="foo bar"> 

Это поддерживается в большинстве современных браузеров.

Затем используйте полиполк, чтобы убедиться, что более старые браузеры получают аналогичное поведение. Я написал один в формате плагина Jquery, если вы заинтересованы: http://mths.be/placeholder

Используйте его следующим образом:

$('input, textarea').placeholder(); 

Вот демо: http://mathiasbynens.be/demo/placeholder

Answer 2

Я не думаю, что это будет работать из-за закрытия. Необходимо помнить значение по умолчанию для каждого поля. , например.

$('.default-value').each(function() { 

    $(this).attr('default_value',$(this).val()); 

    $(this).focus(function(){ 
     if($(this).val() == $(this).attr('default_value')) { 
       $(this).val(''); 
     } 
    }); 

    $(this).blur(function(){ 
     if($(this).val() == '') { 
       $(this).val($(this).attr('default_value')); 
     } 
    }); 
});