Прослушивание события размытия на div

Question

Я хочу скрыть определенный div, когда пользователь перемещает курсор из своих границ. Я думал, что это должно workd, но это не делает:

mydiv.addEventListener('blur',function(){ 
    document.getElementById("logStuff").style.visibility = "hidden"; 
    console.log("blurred out!"); //never gets callled 
}); 

Это мой код, чтобы показать DIV Я хочу, чтобы скрыть, что работает:

mydiv.addEventListener('mouseover',function(){ 
    document.getElementById("logStuff").style.visibility = "visible"; 
}); 

Я хотел бы сделать это с чистым js (без jquery и т. д.)

Answer 1

blur для элементов, которые могут быть focused, например, пользовательские входы, кнопки ... Вместо этого используйте mouseout.