Javascript 使用鼠标/光标坐标定位弹出窗口

我正在使用这段代码显示一个弹出窗口，用于phpBB中的一个迷你配置文件，由鼠标悬停事件触发

popUpProfile先生
{
位置：绝对位置；
z指数：3；
左：100px；
顶部：200px；
字体大小：14px；
背景色：#DCEBFE；
利润率：0.10px；
填充物：5px；
宽度：450px；
边框：实心2px红色；
边界半径：8px；
调整大小：两者；
溢出：自动；
可见性：隐藏；
}

以下代码捕获鼠标坐标并将元素放置在该位置（代码取自

---

我现在有x和y变量，称为cursorX和cursorY

，没有包含与坐标对应的数字的元素作为它们的值。这些元素是否显示您分配给它们的值？这是您遇到的问题吗？从您提供的代码来看，cursorX不是一个变量，而是元素的ID。然后您需要要检索元素值。请将左值设置为：

document.getElementById（“cursorX”）.value+“px”

Cheers chRyNaN-我知道你在说什么。Soz！尝试了你说的，但没有达到预期效果。如果有任何方法可以轻松获取鼠标坐标，请将它们传递到弹出窗口的左侧和顶部位置（坦白地说，左键可能很好，固定在180像素，顶部与鼠标位置相匹配），然后感谢您的任何建议！太好了！感谢您找到这个-非常感谢！：）对不起，是的！（我之前发布时没有尝试过！）嗯。有这个按钮吗？对不起，我一天在论坛上发几十次帖子，但还没有看到一个有这个论坛的布局和协议：）

document.onmousemove = handleMouseMove;
function handleMouseMove(event) {
    var dot, eventDoc, doc, body, pageX, pageY;

    event = event || window.event; // IE-ism

    // If pageX/Y aren't available and clientX/Y are,
    // calculate pageX/Y - logic taken from jQuery.
    // (This is to support old IE)
    if (event.pageX == null && event.clientX != null) {
        eventDoc = (event.target && event.target.ownerDocument) || document;
        doc = eventDoc.documentElement;
        body = eventDoc.body;

        event.pageX = event.clientX +
          (doc && doc.scrollLeft || body && body.scrollLeft || 0) -
          (doc && doc.clientLeft || body && body.clientLeft || 0);
        event.pageY = event.clientY +
          (doc && doc.scrollTop  || body && body.scrollTop  || 0) -
          (doc && doc.clientTop  || body && body.clientTop  || 0 );
    }

    // Use event.pageX / event.pageY here
    //now you must set your elements left and top values dynamically using JavScript
    //This assumes one element with that class name so it takes the first element 
    //returned by getElementsByClassName()
    var myElem = document.getElementsByClassName("popUpProfile")[0];

    myElem.style.left = event.pageX + "px";
    myElem.style.top = event.pageY + "px";
}