JavaScript でカーソルの下にある単語を取得するにはどうすればよいですか?

JavaScript でカーソルの下にある単語を取得する

HTML ドキュメントで現在カーソルの下にある単語を確認することは、テキスト操作の一般的な要件です。アプリケーション。この記事では、特に Chrome などの最新のブラウザのコンテキストで、JavaScript を使用してこれを実現する信頼性の高い方法について説明します。

カーソルの下の単語を決定するには、DOM の Range オブジェクトの機能を利用します。このアプローチは、要素のテキスト コンテンツを反復処理し、boundingClientRect に基づいてカーソルの位置を囲む単語を識別します。

回答で提供される JavaScript 関数 getWordAtPoint() は、要素、カーソルの x 座標とカーソルの y 座標。要素の子ノードを再帰的に反復し、カーソルがテキスト ノードの境界四角形内にある場合は検索を拡張します。一致するものが見つかると、識別された単語が返されます。

カーソルがテキスト コンテンツ上に置かれていない場合、関数は null を返します。これをmousemoveイベントハンドラーに組み込むと、ユーザーがテキスト上でマウスを移動したときにカーソルの下の単語を動的に決定できます。

以上がJavaScript でカーソルの下にある単語を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。