Comment puis-je faire défiler jusqu'à la fin des champs de saisie de texte long dans les navigateurs ?

Faire défiler jusqu'à la fin des champs de saisie de texte longs

Lorsque vous travaillez avec des champs de saisie de texte contenant de longues URL, il peut être frustrant de ne voir que le début de l'URL. Pour améliorer la convivialité, envisagez de mettre en œuvre une solution pour « faire défiler » automatiquement le champ de texte vers la droite, affichant la fin de l'URL pour une référence facile.

Solution pour les navigateurs sauf IE6-8 et Opera

Pour les navigateurs autres que IE6-8 et Opera, utilisez la méthode HTMLInputElement.setSelectionRange() en combinaison avec focus(). Cette approche définit la plage de sélection à la fin de la valeur d'entrée après avoir explicitement défini le focus sur le champ.

<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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!