Jquery實現文字框得到焦點的時候,文字框的焦點出現在最後!
阿新 • • 發佈:2019-02-12
在前端開發中,有時我們為了客戶更好的體驗,需要使用js處理一些css解決不了的問題
比如,當文字框的文字多餘文字框的時候,有一部分文字沒有出來的時候,我們點選文字框,讓焦點出現在最後面,這樣子可以提高使用者的體驗
這裡舉個例子來說明一下
比如這種情況
當點選文字框的時候,在文字框的焦點出現在最後
下面用程式碼來舉例
//html結構
<body>
<input type="text" value="這一行文字的焦點一定會出現在最後">
<button>按鈕</button>
</body>
jquery
$("button" ).click(function(event) {
$("input").focus();//使input獲取焦點
var result=$("input").val();//對input取值
$("input").val("")//使input的值為空
$("input").val(result);//重新負值
$("input")[0].scrollLeft=700;//這裡我對文字框的屬性做了一個猜想,應該是有混動條的屬性的,所以進行一個偏移
});
最後看一下gif圖