显示相对于鼠标单击事件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

之前，您需要检测到浏览器