--- title: CaretPosition slug: Web/API/CaretPosition tags: - API - CSSOM View - Experimental - Interface - Reference translation_of: Web/API/CaretPosition --- <p>{{SeeCompatTable}} {{ APIRef("CSSOM") }}</p> <p><code>CaretPosition</code> インターフェイスは、テキスト挿入ポイントのインジケーターであるキャレット位置を表します。 {{domxref("document.caretPositionFromPoint")}} メソッドを使用して <code>CaretPosition</code> を取得できます。</p> <h2 id="プロパティ">プロパティ</h2> <p><em>このインターフェイスはプロパティを継承しません。</em></p> <dl> <dt>{{domxref("CaretPosition.offsetNode")}} {{readonlyInline}}</dt> <dd>キャレットの位置で見つかったノードを含む {{domxref("Node")}} を返します。</dd> <dt>{{domxref("CaretPosition.offset")}} {{readonlyInline}}</dt> <dd>キャレット位置ノードの文字オフセットを表す <code>long</code> を返します。</dd> </dl> <h2 id="メソッド">メソッド</h2> <dl> <dt>{{domxref("CaretPosition.getClientRect")}}</dt> </dl> <h2 id="仕様">仕様</h2> <table class="standard-table"> <thead> <tr> <th scope="col">仕様</th> <th scope="col">ステータス</th> <th scope="col">備考</th> </tr> </thead> <tbody> <tr> <td>{{ SpecName('CSSOM View', '#caret-position', 'CaretPosition') }}</td> <td>{{ Spec2('CSSOM View') }}</td> <td></td> </tr> </tbody> </table> <h2 id="ブラウザー実装状況">ブラウザー実装状況</h2> <p>{{Compat("api.CaretPosition")}}</p> <h2 id="関連項目">関連項目</h2> <ul> <li>{{domxref("Document.caretPositionFromPoint()")}}</li> <li>{{domxref("Range")}}</li> <li>{{domxref("Node")}}</li> </ul>