カーソルとは何ですか?入力エリアまたはテキストエリアでのカーソル移動の概要

この記事の内容は、カーソルとは何ですか?入力エリアやテキストエリアでのカーソル移動の概要は、参考にしていただければ幸いです。

カーソルとは

ページ上の入力ボックスで点滅するカーソルは、実際には選択範囲、つまり選択範囲の左右の境界によって直接形成された選択範囲です。

非 IE ブラウザ

入力ボックス ノード input=document.getElementById('#input') には、selectionStart とselectionEnd という 2 つの属性があります。これらはそれぞれ、開始位置と終了位置を表します。選択。

これら 2 つの値を変更すると、幅が 0 の選択範囲が形成され、カーソルの位置制御と取得が実現されます。

IE ブラウザ

IE ブラウザは、より豊富な API を提供します:
createTextRange()、document.selection.createRange()、moveStart()、moveEnd()、move() 、collapse() ,テキスト,選択()。

ステップ 1:

var range = input.createTextRange();        //创建一个文本选区对象。

ステップ 2: 一部の操作

range.collapse(boolean);

パラメータのデフォルト値は true で、左を示します。または right 右圧縮

range.moveStart(param1,param2);

最初のパラメータのオプションの値には、文字、単語、文、テキスト編集が含まれます。たとえば、文字は文字に基づくオフセットを意味します。 2 番目のパラメーターはオフセットを表し、正と負は方向を表します。

range.moveEnd(param1,param2);

上記と同じメソッド パラメータですが、終了境界を移動するためにこれが使用される点が異なります

ステップ 3:

range.select();  //将range包含的区域选中。

次の点に注意してください: 呼び出す前にselect() メソッドの前では、選択オブジェクトの内容は選択効果とともに追加されません。

補足:

var range = document.selection.createRange();

このメソッドは、選択されたテキストに基づいて選択オブジェクトを作成します。この選択オブジェクトと createTextRange メソッドの選択オブジェクトの違いは、その選択範囲がページ上で選択されたテキストの領域であること、つまり、その左右の境界が存在しないことです。デフォルトの左の最小値と右の最大値。

range.move(param1,param2);

moveStart パラメータと同様に、カーソルの移動がより簡単になります。

関連する推奨事項:

JS TextArea カーソル位置にテキストを挿入し、カーソルを text_javascript スキルの最後に移動します。

## jQuery は入力をクリックしてカーソルを最後の位置または指定された位置に移動します

以上がカーソルとは何ですか?入力エリアまたはテキストエリアでのカーソル移動の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。