DIVのぼかし機能を実装する方法

    /**
     *マウスがdivイベント上を移動*/
    関数moveOverEvent(ele,outTimer) {
        overTimer を null にします。
        関数()を返す{
            clearTimeout(outTimer); //div が消えず、別の div が移動してきたら、最後に移動したイベントをクリアします。clearTimeout(overTimer); //アンチシェイク overTimer = setTimeout(()=>{        
                ele.style.display = "ブロック";
            },500);                     
        }
    }
    /**
     *マウスアウト*/
    関数moveOutEvent(ele,outTimer) {
        関数()を返す{
            clearTimeout(outTimer); // 手ぶれ防止 outTimer = setTimeout(()=>{ // 移動後 500 ミリ秒待ってからこの div を消す
                ele.style.display = "なし";
            },500);
        }
    }

//tabindex を設定すると、要素はデフォルトで点線で表示されます。これは、ouline=0 を設定することで削除できます (IE では、hidefocus="true" を設定します)。
<div tabindex="0" アウトライン=0" 非表示フォーカス="true"></div>