javascript - マウス クリック イベントに関連する div の左上隅を表示する

Question

JavaScript の使用 (ここでは jQuery は使用できません) マウス クリック位置を基準にして div の左上隅を表示するにはどうすればよいですか? 以下は、ページをスクロールする必要があるまで機能しているようで、その後不正確になります。

    function MyJsFx() {
        var div1 = document.getElementById('noteContent');
        div1.style.display = "block";
        div1.style.top = event.clientY + 'px';
        div1.style.left = event.clientX + 'px';
    }