jquery - Focusout事件在输入事件jQuery的第一次激活时不起作用

Question

我有一个输入和focus事件。当它集中时，使父 div 更大，当它不集中时使其更小，但我focusout在输入事件中有事件，以确保它是否为空。但是，当您聚焦输入、键入内容、删除该输入然后单击远离该输入（焦点输出）时，它就可以正常工作，并且它可以按照我想要的方式工作。并且在您刷新站点后它停止工作，因为它“忘记”了您在那里输入并删除了它。这是jsfiddle，我想我不必code,在一切就绪时发布它-> https://jsfiddle.net/rnotx7rg/

Answer 1

如果我了解您的问题，我认为您不需要输入事件，但您只需检查输入字段是否为空或不在焦点事件上。

这是JS部分：

$('.emailLog').focus(function() {
  $('.emailLogdiv').css({
    'height': '50px'
 });
   $('.emailLogLabel').css({
    'bottom': '50px',
    'font-size': '1.1em'
 });
 $('.emailLog').css({
    'color': 'black'
  });
});

$('.emailLog').focusout(function() {

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

$('.emailLogdiv').css({
  'height': '6px'
});
$('.emailLog').css({
  'color': '#656565'
});
$('.emailLogLabel').css({
  'bottom': '5px',
  'font-size': '1.5em'
});

 } else {

$('.emailLogdiv').css({
  'height': '50px'
});
$('.emailLog').css({
  'color': 'black'
});
$('.emailLogLabel').css({
  'bottom': '50px',
  'font-size': '1.1em'
});

  }

});

这是更新的jsfiddle