Jquery淡化对表单输入焦点的影响

$('input').blur();

$('input').focus();

$('input').focusin(function() {
  console.log('输入框获得焦点');
});

$('input').focusout(function() {
  console.log('输入框失去焦点');
});

$('input').hover(function() {
  console.log('鼠标悬停在输入框上');
}, function() {
  console.log('鼠标离开输入框');
});

$('input').focusin(function() {
  $(this).addClass('focus');
});

$('input').focusout(function() {
  $(this).removeClass('focus');
});

$('input').focusin(function() {
  $(this).css('border', '2px solid red');
});

$('input').focusout(function() {
  $(this).css('border', '1px solid #ccc');
});