/**
 *鼠标移动过div事件
 */
function moveOverEvent(ele,outTimer) {
    let overTimer = null;
    return function(){
        clearTimeout(outTimer);     //div没有消失的情况下，在移动进来div，那么就清除上次移出的事件
        clearTimeout(overTimer);    //防抖
        overTimer = setTimeout(()=>{        
            ele.style.display = "block";
        },500);                     
    }
}
/**
 * 鼠标移出
 */
function moveOutEvent(ele,outTimer) {
    return function(){
        clearTimeout(outTimer);         //防抖
        outTimer = setTimeout(()=>{     //移动出去后等500ms，在消失这div
            ele.style.display = "none";
        },500);
    }
}

//设置了tabindex后，元素默认加虚线，通过ouline=0进行去除(IE设置hidefocus="true")
<div tabindex="0" outline=0" hidefocus="true"></div>