ホームページ > ウェブフロントエンド > CSSチュートリアル > ブラウザで長いテキスト入力フィールドの最後までスクロールするにはどうすればよいですか?

ブラウザで長いテキスト入力フィールドの最後までスクロールするにはどうすればよいですか?

DDD
リリース: 2024-10-24 23:44:30
オリジナル
453 人が閲覧しました

How Can I Scroll to the End of Long Text Input Fields in Browsers?

長いテキスト入力フィールドの最後までスクロールする

長い URL を含むテキスト入力フィールドを操作する場合、表示されるだけでイライラすることがあります。 URLの先頭。使いやすさを向上させるには、テキスト フィールドを自動的に右に「スクロール」し、参照しやすいように URL の末尾を表示するソリューションの実装を検討してください。

IE6-8 と Opera を除くブラウザー用のソリューション

IE6-8 および Opera 以外のブラウザの場合は、HTMLInputElement.setSelectionRange() メソッドを focus() と組み合わせて使用​​します。このアプローチでは、フィールドに明示的にフォーカスを設定した後、選択範囲を入力値の末尾に設定します。

<code class="js">var 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);</code>
ログイン後にコピー

以上がブラウザで長いテキスト入力フィールドの最後までスクロールするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート