Javascript 在鼠标光标下获取HTML标记

有人知道如何直接在网页上的鼠标光标下获取HTML标记吗？我正在开发一种新型的所见即所得，并希望实现一些真正的拖放功能（而不是在光标处插入，这在现在所见即所得非常常见）；要做到这一点，我需要知道当mousebutton up事件触发时在何处插入菜单项

---

想法也是受欢迎的，因为我知道这可能是一个复杂的问题

事实上，没那么复杂。您必须将事件处理程序绑定到文档本身，然后检查触发事件的原始目标。参见mightyuhu的评论以获取示例

---

最后一个建议是：使用一个主要的JavaScript框架来减轻编写跨浏览器事件处理代码的痛苦。

下面是一个基于@mightyuhu建议的链接的示例：

document.onmouseover = function(e){
    targ = getTarget(e);
    targ.style.border = '1px solid #F00';
    document.getElementById('currentElement').innerHTML = targ.tagName;
};

document.onmouseout = function(e){
    getTarget(e).style.border = 'none';
};


function getTarget(e){
    if (e.target) return e.target;
    else if (e.srcElement) return e.srcElement;
}

还有一点： ​

看看。(.)