挿入された`div`要素(ここでいう`layer`)がクリックされます。 document.body.onclick = function(event){console.log(event)}; ではなく layer.onclick = function(event){console.log(event)}; がやりたいことではないですか? 追記: もしかしてイベントバブリングの話ですか? 要素に対してクリックイベントのバブリングを`stopPropagation()`等でキャンセルしない場合、`body`までイベントが伝搬します。 [イベントバブリング][1] [JavaScriptのイベント伝播について覚書][2] 追記2: 質問のコードを実行エラーにならないよう修正して確認しました。 var layer = document.createElement("div"); layer.className = "layer"; window.onload = function() { document.body.onclick = function(event){console.log(event)}; layer.onclick = function(event){console.log(event)}; } 結論としては「`click`イベントは発生していない」です。 `blur`イベントが起きたときに`click`イベントは無視されている・・・のではなくマスクされた要素の影響で`mouseup`イベントが来ないため`onclick`にならないんですね(ohgaさんの回答参照)。 [1]: http://uhyohyo.net/javascript/3_3.html [2]: http://linuxserver.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/javascript/%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E4%BC%9D%E6%92%AD.php [3]: http://stackoverflow.com/questions/6939306/should-blur-or-mousedown-fire-first