挿入された`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