document.caretPositionFromPoint()
CaretPosition インターフェイスは、テキスト挿入ポイントのインジケーターであるキャレット位置を表します。 CaretPosition は Document.caretPositionFromPoint() メソッドを使用して取得できます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 128 | 128 | 20 | 26.2 | 128 | 26.2 | |
| CaretPosition インターフェースの getClientRect() メソッドは、キャレット範囲のクライアント矩形を返します。 | 128 | 128 | 23 | 26.2 | 128 | 26.2 |
| CaretPosition インターフェースの offset プロパティは、キャレット位置ノードにおける選択範囲のオフセットを表す整数を返します。 | 128 | 128 | 20 | 26.2 | 128 | 26.2 |
| CaretPosition インターフェースの offsetNode プロパティは、カーソルの位置で見つかったノードを含む Node を返します。 | 128 | 128 | 20 | 26.2 | 128 | 26.2 |
| caretPositionFromPoint() は Document インターフェイスのメソッドで、この DOM ノードを含む CaretPosition オブジェクトを、そのノード内のキャレットとキャレットの文字オフセットと共に返します。 | 128 | 128 | 20 | 26.2 | 128 | 26.2 |
caretPositionFromPoint (options parameter) options`パラメータ | 128 | 128 | 150 | 26.2 | 128 | 26.2 |
注釈 1件
削除済み
- このバージョンで機能が削除されました (133)
実務での使いどころ
-
document.caretPositionFromPoint() の活用
CaretPosition インターフェイスは、テキスト挿入ポイントのインジケーターであるキャレット位置を表します。
注意点
- 古いブラウザでは対応していない場合がある。
実装メモ
- 一部の API はセキュアコンテキスト (HTTPS) やユーザー操作起点を必要とする。利用前に要件を確認すること。