マウスカーソルの下にHTMLタグを取得する

Question

ウェブページのマウスカーソルの下に直接HTMLタグを取得する方法を知っている人はいますか？私は新しいタイプのWYSIWYGに取り組んでおり、真のドラッグ・アンド・ドロップ機能を実装したいと思っています（カーソルに挿入するのではなく、最近ではWYSIWYGに共通しています）。そのためには、mousebutton upイベントが発生したときにメニュー項目を挿入する場所を知る必要があります。

私はそれが複雑な問題かもしれないことを理解しているので、アイデアも大歓迎です。

Answer 1

がリンク@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; 
} 

を、これがもあります：http://jsfiddle.net/5NFeX/3/

Answer 2

実際、それほど複雑ではありません。イベントハンドラをドキュメント自体にバインドし、イベントが発生した元のターゲットを調べる必要があります。例については、mightyuhuのコメントを参照してください。

最後に1つの提案：主要なJavaScriptフレームワークの1つを使用して、ブラウザ間のイベント処理コードの作成に苦労しないようにします。提案ここ