Javascript onblur eventlistener无法正常工作

Question

我有一个输入字段，我在点击按钮时显示，并且当字段不再聚焦时我试图再次隐藏输入字段： 这是该领域：

<span class="button-search"><input type="search" placeholder="Search" class="input"></span>

这是js代码：

function expand(action) {
      searchContainer.classList[action]('expanded');
  }
  button.addEventListener('click', function() { expand('add');input.focus(); }, false);
  input.addEventListener('onblur', function() { expand('remove') }, true);

但是，由于某些原因它无法正常工作，这段代码有什么问题？

Answer 1

尝试使用blur代替onblur 参考https://developer.mozilla.org/en-US/docs/Web/Events/blur