捕获javascript中与元素内联的光标位置

当表格单元格悬停时，我试图在鼠标旁边弹出一个div

<td onmouseover="bubblePopup("param1","param2");">This is the cell</td>

<>我更喜欢本地JavaScript（但也会考虑jQuery选项）。它只需要在Firefox 3.5及更高版本中工作。

---

我拼凑了一把小提琴，也许能让你走上正轨

---

（编辑后稍微美化一下）

我拼凑了一把小提琴，也许能让你走上正轨

---

（编辑后稍微美化一下）

关于如何使销毁事件仅在光标不在表格单元格或新创建的div上时发生，以便我可以单击div中的链接，是否有任何建议？关于如何使销毁事件仅在光标不在表格单元格或新创建的div上时发生，以便我可以单击div中的链接？

function bubblePopup(param1, param2){
    var newdiv = document.createElement('div');
    newdiv.setAttribute('id', param1);

    newdiv.style.width = "200px";
    newdiv.style.height = "80px";

    newdiv.style.position = "absolute";
    newdiv.style.left = cursorX + "px";
    newdiv.style.top = cursorY + "px";

    newdiv.innerHTML = "content";
    document.body.appendChild(newdiv);
}

var td = document.getElementById("thetd");

td.onmouseover = function(e){bubblePopup(e, 'param1','param2')};

function bubblePopup(e, param1, param2){
    var newdiv = document.createElement('div');
    newdiv.setAttribute('id', param1);

    newdiv.style.width = 200;
    newdiv.style.height = 80;

    var cursorX = e.pageX,
        cursorY = e.pageY;

    newdiv.style.position = "absolute";
    newdiv.style.left = cursorX + 'px';
    newdiv.style.top = cursorY + 'px';

    newdiv.innerHTML = "content";
    document.body.appendChild(newdiv);
}