JavaScript でプログラム的にカーソルをテキスト入力の末尾に配置するにはどうすればよいですか?

JavaScript を使用してテキスト入力の末尾にカーソルを配置する

テキスト入力要素の末尾にカーソルを配置するのは一般的なタスクですウェブ開発で。要素にフォーカスを設定するのは簡単ですが、入力したテキストの末尾にカーソルを移動するのは難しい場合があります。

JavaScript ソリューション

ほとんどのブラウザでの最も簡単なアプローチは次のとおりです。 input要素のselectionStartプロパティとselectionEndプロパティの両方をその要素の長さに設定します。値:

this.selectionStart = this.selectionEnd = this.value.length;

奇妙なブラウザ向けの包括的なソリューション

ただし、一部のブラウザには、より包括的なアプローチを必要とする癖があります:

setTimeout(function(){ that.selectionStart = that.selectionEnd = 10000; }, 0);

この解決策では、カーソルが必ず遠端に配置されるように、selectionStart とselectionEnd に非常に大きな値を設定します。 text.

jQuery の使用

厳密に必要というわけではありませんが、jQuery を使用してイベント リスナーを設定できます。

$('#el').focus(function(){
  var that = this;
  setTimeout(function(){ that.selectionStart = that.selectionEnd = 10000; }, 0);
});

以上がJavaScript でプログラム的にカーソルをテキスト入力の末尾に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。