JavaScript 入力フィールドのテキストの末尾にカーソルを配置するにはどうすればよいですか?-jsチュートリアル-php.cn

JavaScript 入力フィールドのテキストの末尾にカーソルを配置するにはどうすればよいですか?

DDD

リリース： 2024-12-12 13:23:10

オリジナル

376 人が閲覧しました

How Can I Place the Cursor at the End of Text in a JavaScript Input Field?

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

テキスト入力要素にフォーカスが設定されている場合、多くの場合、カーソルを既存のテキストの末尾に置くことが望ましい。これを実現するには、JavaScript の介入が必要です。

ほとんどのブラウザの解決策

ほとんどのブラウザでは、次のような単純なアプローチで十分です。

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

ログイン後にコピー

奇妙なブラウザの解決策

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

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

ログイン後にコピー

jQuery の使用 (オプション)

jQuery以下に示すように、イベントリスナーを確立するために使用できます:

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

ログイン後にコピー

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