Javascript onblur Eventlistener nicht

Question

Arbeits Ich habe ein Eingabefeld, das ich auf Klick auf eine Schaltfläche zeigen, und ich versuche, das Eingabefeld wieder auszublenden, wenn das Feld nicht mehr fokussiert ist: Dies ist das Feld:

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

Und dies ist der JS-Code:

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

Aber aus irgendeinem Grund nicht funktioniert, was mit diesem Code falsch?

Answer 1

Versuchen Sie es mit blur statt onblur Referenz https://developer.mozilla.org/en-US/docs/Web/Events/blur