divのボケやフォーカスを作成する方法はありますか？

Question

divにfocus/blurイベントハンドラを与えると、いつハンドラがいつ実行されますか？

Answer 1

div要素にtabindex属性を指定すると、（HTML 5の下書きをサポートするブラウザで）フォーカス可能になります。理論的には、フォーカスとブラーイベントが発生します。

一般的に言えば、それはしないでください。

Answer 2

あなたはdivにtabindex属性を与えると、フォーカスを受け入れることができるようになります：

<div id="example" tabindex="0">Random content</div> 

通常どおりにあなたが、その後focusとblurイベントハンドラを添付することができます。たとえば：あなたはそれをクリックしたときに

document.getElementById("example").onfocus = function() { 
    console.log("focused"); 
} 

フォーカスがdivに与えられます、そしてあなたが他の要素をクリックしたときblurがトリガされます。