的Javascript的onblur事件侦听不工作

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