Javascript onblur eventlistener不工作

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

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

---

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

尝试使用

blur

而不是

onblur

---

参考

使用

addEventListener时

事件名称中不使用“on”。用于元素的事件属性/属性名称的

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