[setTimeout] mouseover 건너뛰기.

index.html

<div id="wrap"></div>

script.js

var ele = document.getElementById("wrap");
var bMouseOver = false;

ele.addEventListener("mouseover" , function(e) {
  bMouseOver = true;
  setTimeout(function() {
           if(bMouseOver) {
              console.log("mouseover")
           }
       }, 200);
});

ele.addEventListener("mouseout" , function(e) {
  bMouseOver = false;
  console.log("mouseout");
});

style.css

#wrap {
  outline : 1px solid red;
  width : 100px;
  height : 100px;
  position : absolute;
  top : 100px;
  left : 300px;
}