Contenteditable 要素でキャレットの位置を設定する
Web 開発では、キャレット (カーソル) の位置を制御したい状況に遭遇することがあります。テキスト エディターやメッセージ入力フィールドなどの contenteditable 要素内。これにより、正確な編集や特定の場所へのカーソルの配置が可能になります。
これを実現するには、JavaScript で Range オブジェクトと Selection オブジェクトを利用します。以下に、キャレット位置を設定する方法を示す例を示します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
|
この例では、
キャレットの位置の正確な実装は、ブラウザーによって若干異なる場合があることに注意してください。ただし、ここで説明する一般的なアプローチは広くサポートされています。
以上がContenteditable 要素でキャレット位置を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。