JQuery - 清除和重置焦点和模糊的预定义字段输入数据

Question

我还没有真正找到一个很好的方法来做到这一点,所以我想我会在这里问 - 我有一个带有预定义值的文本输入搜索表单字段(搜索...).当用户聚焦时,我想清除该值,当它们模糊时,它应该重置文本.我一直在使用javascript,但我使用的方法似乎是很多代码没有多少回报,我也一直把代码放在元素的"onclick"处理程序中,我想通过保留所有内容来避免jQuery的.如果有人有任何好的方法,请告诉我.谢谢!

Answer 1

首先,placeholder对任何支持它的浏览器使用该属性.

然后,检查属性是否受支持; 如果没有,请使用此回退:

$('input[placeholder]').focus(function(ev){ 
  var $this = $(this);
  if ($this.val() === $this.attr('placeholder')) $this.val('');
}).blur(function(ev){
  var $this = $(this);      
  if ($this.val() === '') $this.val($this.attr('placeholder'));
});