jquery中元素獲得焦點時觸發什么事件 jquery聚焦事件



文章插圖
jquery中元素獲得焦點時觸發什么事件 jquery聚焦事件

文章插圖
在前端開發中,有時我們為了客戶更好的體驗,需要使用js處理一些css解決不了的問題
比如,當文本框的文字多余文本框的時候,有一部分文字沒有出來的時候,我們點擊文本框,讓焦點出現在最后面,這樣子可以提高用戶的體驗
【jquery中元素獲得焦點時觸發什么事件 jquery聚焦事件】這里舉個例子來說明一下
比如這種情況
當點擊文本框的時候,在文本框的焦點出現在最后
下面用代碼來舉例
//html結構
<body>
<input type=”text” value=http://www.mnbkw.com/jxjc/188831/”這一行文字的焦點一定會出現在最后”>
<button>按鈕</button>
</body>
123456
jquery
$(“button”).click(function(event) {
$(“input”).focus();//使input獲取焦點
var result=$(“input”).val();//對input取值
$(“input”).val(“”)//使input的值為空
$(“input”).val(result);//重新負值
$(“input”)[0].scrollLeft=700;//這里我對文本框的屬性做了一個猜想,應該是有混動條的屬性的,所以進行一個偏移
});
123456789
最后看一下gif圖