質問したいのは、テキスト範囲またはその他のアプローチで可能なことです。私はテキストを持っています。たとえば、次のようにします。
<div id="test">abcdefghij</div>
テキスト範囲を使用して、テキストの一部を黄色で強調表示します。(SOに投稿された例を使用します)。強調表示されたテキストにマウスオーバーするためのイベントリスナーを追加することは可能ですか? ユーザーが「cdefg」にマウスオーバーしたときに何かしたい。ここでjsfiddleが動作しています。
http://jsfiddle.net/8mdX4/673/
アイデアや推奨事項をいただければ幸いです。
よろしくお願いします。
編集:
トピックの後に使用したアプローチを共有したいと思います。commonAncestorContainer は現在選択されているノードではなく、すべてのノードのコンテナーを取得するため、選択の focusNode プロパティを使用しています。デモは次のとおりです: http://jsfiddle.net/zono/Q3ptC/2/ ツールチップを表示する黄色のテキスト (タイトル プロパティのコンテンツ) にマウス オーバーします。