0

質問したいのは、テキスト範囲またはその他のアプローチで可能なことです。私はテキストを持っています。たとえば、次のようにします。

<div id="test">abcdefghij</div>

テキスト範囲を使用して、テキストの一部を黄色で強調表示します。(SOに投稿された例を使用します)。強調表示されたテキストにマウスオーバーするためのイベントリスナーを追加することは可能ですか? ユーザーが「cdefg」にマウスオーバーしたときに何かしたい。ここでjsfiddleが動作しています。

http://jsfiddle.net/8mdX4/673/

アイデアや推奨事項をいただければ幸いです。

よろしくお願いします。

編集:

トピックの後に使用したアプローチを共有したいと思います。commonAncestorContainer は現在選択されているノードではなく、すべてのノードのコンテナーを取得するため、選択の focusNode プロパティを使用しています。デモは次のとおりです: http://jsfiddle.net/zono/Q3ptC/2/ ツールチップを表示する黄色のテキスト (タイトル プロパティのコンテンツ) にマウス オーバーします。

4

1 に答える 1