如何在 IE6-8 和 Opera 之外的所有瀏覽器中滾動到長文字輸入的末尾？

捲動到長文本輸入的末尾

在這種情況下，圖像選擇器用過長的文本填充文本輸入字段URL，查看URL 的開頭提供的資訊最少。尋求一種解決方案，將文字欄位捲動到最右側，顯示 URL 的結尾。

瀏覽器相容性

建議的解決方案利用 HTMLInputElement.setSelectionRange()明確設定焦點後將遊標位置設定在輸入值的末端。除 IE6-8 和 Opera 之外的所有主流瀏覽器都支援此方法。

實作

要實現此解決方案，請按照以下步驟操作：

1. 設定輸入欄位的focus() 以確保其處於活動狀態。
2. 使用 setSelectionRange(foo.value.length,foo.value.length) 設定輸入欄位的選擇範圍。這會將遊標置於輸入值的末端。

範例程式碼

<code class="javascript">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>

注意事項

雖然此解決方案成功地將文字到URL 的末尾，但它有一個小警告：一旦輸入欄位失去焦點，它將恢復顯示URL 的開頭。

以上是如何在 IE6-8 和 Opera 之外的所有瀏覽器中滾動到長文字輸入的末尾？的詳細內容。更多資訊請關注PHP中文網其他相關文章！