jquery 焦點新聞_jquery獲取當前焦點元素
2024-05-12 13:07:07
在前端開發中，有時我們為了客戶更好的體驗，需要使用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圖
下一篇:最后一頁
