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

Answer 1

使用window.scrollY和window.scrollX作为滚动偏移量。然后，您可以从已经拥有的值中减去窗口滚动位置以获得相对位置值。

Answer 2

Sometime 使用 javascript 不是跨浏览器。

您需要在使用方法event.clientY或window.scrollY之前检测到浏览器