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

【问题标题】：display top left corner of div relative to mouse click event显示 div 相对于鼠标单击事件的左上角
【发布时间】：2013-08-09 04:00:09
【问题描述】：

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

【问题讨论】：

标签： javascript

【解决方案1】：

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

【讨论】：

以下对我有用。关于为什么的任何见解？ var x_offset = self.pageXOffset; var y_offset = self.pageYOffset;阅读更多：ehow.com/…

【解决方案2】：

Somethime 使用 javascript 不是跨浏览器。

在使用 event.clientY 或 window.scrollY

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

【讨论】：