Skip to main content
6 / 6
編集済みの本文
kotatsu
  • 2,142
  • 4
  • 17
  • 31

挿入された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さんの回答参照)。

kotatsu
  • 2,142
  • 4
  • 17
  • 31