テキストエリアを使用せずにテキスト入力の右端までスクロールする方法は?

詳細なテキスト入力の右端にスクロールする

長い URL がテキスト フィールドに表示される画像セレクターのようなシナリオでは、完全な URL を視覚化することが重要になります理解を深めるために。ただし、デフォルトのビューでは最初の部分のみが表示されるため、制限が生じる可能性があります。テキストエリアに依存せずに、URL の末尾が確実に表示されるようにする手法はありますか?

IE6-8 および Opera を除くブラウザ

ほとんどのブラウザ用の解決策これには、HTMLInputElement.setSelectionRange() を focus() と組み合わせて使用​​して、入力値の末尾にテキスト選択を設定することが含まれます。これは実質的に右にスクロールしますが、フォーカスを失うとビューが最初に戻ることに注意してください。

<code class="js">const foo = document.getElementById("foo");
foo.value = "http://stackoverflow.com/questions/1962168/scroll-to-the-very-right-of-a-long-text-input";
foo.focus();
foo.setSelectionRange(foo.value.length, foo.value.length);

以上がテキストエリアを使用せずにテキスト入力の右端までスクロールする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。