在前端開發中，有時我們為了客戶更好的體驗，需要使用js處理一些css解決不了的問題
比如，當文本框的文字多餘文本框的時候，有一部分文字沒有出來的時候，我們點擊文本框，讓焦點出現在最後面，這樣子可以提高用戶的體驗
這裡舉個例子來說明一下
比如這種情況
當點擊文本框的時候，在文本框的焦點出現在最後
下面用代碼來舉例
//html結構
<body>
<input type=”text” value=”這一行文字的焦點一定會出現在最後”>
<button>按鈕</button>
</body>
- 1
- 2
- 3
- 4
- 5
- 6
jquery
$(“button”).click(function(event) {
$(“input”).focus();//使input獲取焦點
var result=$(“input”).val();//對input取值
$(“input”).val(“”)//使input的值為空
$(“input”).val(result);//重新負值
$(“input”)[0].scrollLeft=700;//這裡我對文本框的屬性做了一個猜想，應該是有混動條的屬性的，所以進行一個偏移
});
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
最後看一下gif圖
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/228390.html
微信掃一掃 
支付寶掃一掃 