JavaScriptがマウスオーバーしたテキストを取得

Question

ユーザーがマウスオーバーしているテキストを検出する方法が見つかりません。 onmouseoverイベントはこの機能をサポートしていないようです。これを行う方法はありますか？例えば

https://www.w3schools.com/jsref/event_onmouseover.asp

、この段落の「例」を介してユーザマウスを置いた場合、私は彼らがマウスオーバーしていないだけという、彼らは「例」の上にマウスを置いたことを検出できるようにしたいと思います段落要素。

編集：私は私が必要とするものがあまりにもあいまいだと思う。基本的に実装しようとしているのは、動的テキスト用のポップアップ辞書です。ユーザーが単語の上にマウスを置くと、それは複合語の一部になる可能性があるので、単語だけでなく段落内にもその場所を置いて複合語かどうか確認できます。私は各単語/複合語の周りのスパンでHTMLを前処理する必要があるように思えます。

Answer 1

あなたはちょうどこの例のようにスパンの内側にそれをラップ：

<p> 
Words Words Words Words Words <span onmouseover="alert('Mousing over A nice word!');">A Nice Word</span> Words Words Words Words 
</p> 

https://jsfiddle.net/a4q6gqs2/

Answer 2

は、私は別の方法、あなたは例えば、Aに対して、貴様htmlタグ内のすべての単語をラッパーにthere'snt必要があると思います」スパン"。以下のコードでこれを行うことができます：

// wrap words in spans 
$('p').each(function() { 
    var $this = $(this); 
    $this.html($this.text().replace(/\b(\w+)\b/g, "<span>$1</span>")); 
}); 

// bind to each span 
$('p span').hover(
    function() { $('#word').text($(this).css('background-color','#ffff66').text()); }, 
    function() { $('#word').text(''); $(this).css('background-color',''); } 
);