顯示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';
    }

Answer 1

使用window.scrollY和window.scrollX作為滾動偏移量。 然后，您可以從已經需要獲得相對位置值的值中減去窗口滾動位置。

Answer 2

使用javascript的Somethime不是跨瀏覽器。

您需要在使用方法event.clientY或window.scrollY之前檢測到瀏覽器