Javascript 相对于鼠标单击事件显示div的左上角

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

---

使用

window.scrollY

和

window.scrollX

作为滚动偏移量。然后，您可以从已有的值中减去窗口滚动位置，以获得相对位置值。

有时使用javascript是不跨浏览器的

---

在使用方法event.clientY或window.scrollY

之前，您需要检测到浏览器。以下操作对我有效。对原因有什么见解吗？var x_offset=self.pageXOffset；变量y_offset=self.pageYOffset；阅读更多：