Jquery实现文本框得到焦点的时候，文本框的焦点出现在最后！
在前端开发中，有时我们为了客户更好的体验，需要使用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图
相关推荐
王练 2020-06-12
81463166 2020-05-16
Reiki 2020-05-04
82550495 2020-05-01
zcl 2020-03-04
donghongbz 2020-01-17
tangfenjuan 2019-12-02
heshanking 2019-10-29
Passerby 2019-10-28
89463661 2019-11-05
Clarence 2011-11-18
chang00 2015-06-17
xuewenke 2012-05-19
87281248 2018-03-13
zZoOoOJaVa 2018-02-19
mianhuantang 2009-12-11
srchange 2019-08-19
echoright晓戈 2011-11-21
yuqiuyao 2018-11-23