javascript - コンテンツの編集可能なdivでカーソルキー（左、右、下、上矢印）をシミュレートしますか？

Question

コンテンツの編集可能なdivで矢印キーをシミュレートすることは可能ですか？「キープレス」イベントを発生させようとしましたが、contenteditableはそれらを無視しているようです。（Webkit / safariソリューションが必要です）

矢印キーのように、プログラムでdiv内にカレットを移動する必要があります。

おそらく、Tim DownのRangyライブラリが役に立ちますか？

ありがとう！

Answer 1

一般に重要なイベントを完全にシミュレートすることは不可能であるため、注意が必要です。具体的には、ほとんどのブラウザでは、実際のキーストロークが発生しない限り、キーイベントのデフォルトのブラウザアクションをトリガーすることはできません。

その場合、手動で行う必要があり、複雑です。<br>矢印キーは、ページに表示されているテキストで機能します。つまり、折りたたまれたスペース、要素からの暗黙の改行やブロック要素、CSSdisplayプロパティで非表示にされた要素などの微妙な点を考慮する必要があります。また、上矢印キーと下矢印キーのシミュレーションは、ページ上の任意の文字の正確なピクセル座標を取得することに依存しています。これは、ほとんどのブラウザでは重要です。

私はRangyのページに表示されているテキストをナビゲートする手段に取り組んでいます。これは、左右の矢印キーのシミュレーションに役立ちますが、Rangyは上下の矢印キーには役立ちません。