使用jQuery设置或清除加载聚焦和模糊时的输入值

Posted 2021-02-25

$("body input").each(function(){
  if ($(this).val() == '') {
    $(this).val($(this).attr('title'));
    $(this).css('color','#ddd');
  } else if ($(this).val() == $(this).attr('title')) {
    $(this).css('color','#ddd');
  } else {
    $(this).css('color','#000');
  }
});
 
  // Set the value to the title attribute if blank or clear the value on focus if set to the title attribute
 
$("input").focus(function() {
  if ($(this).val() == $(this).attr('title')) {
    $(this).val('');
    $(this).css("color","#000");
  }
}).blur(function() {
  if ($(this).val() == '') {
    $(this).val($(this).attr('title'));
    $(this).css("color","#ddd");
  } else if ($(this).val() == $(this).attr('title')) {
    $(this).css("color","#ddd");
  }
 
});