挿入されたdiv
要素(ここでいうlayer
)がクリックされます。
document.body.onclick = function(event){console.log(event)};
ではなく
layer.onclick = function(event){console.log(event)};
がやりたいことではないですか?
追記:
もしかしてイベントバブリングの話ですか?
要素に対してクリックイベントのバブリングをstopPropagation()
等でキャンセルしない場合、body
までイベントが伝搬します。
イベントバブリング
JavaScriptのイベント伝播について覚書
追記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さんの回答参照)。