在前端开发中，有时候为了有更好的客户体验，我们需要使用js来处理一些css无法解决的问题。
比如当文本框中的文字比文本框中的多，有些文字没有出来的时候，我们点击文本框，让焦点出现在后面，可以提高用户体验。
这里举个例子来说明。
例如，这种情况
当文本框被单击时，文本框中的焦点出现在末尾
让我们以代码为例。
//html结构
& ltbody & gt
& lt输入类型= ”正文”value = & # 8221这行的重点肯定会出现在结尾”& gt
& ltbutton & gt纽扣
& lt/body >
123456
框架
$(“巴顿”).单击(功能(事件){
$(“输入”).焦点()；//使输入获得焦点
var结果= $(“输入”).val()；//值输入
$(“输入”).瓦尔(“”)//设输入的值为空
$(“输入”).val(结果)；//再次为负值
$(“输入”)[0].scrollLeft = 700//这里我对文本框的属性做了一个猜测，应该是有混合栏的属性，所以做了一个偏移量。
});
123456789
最后看一下gif图。
本文来自醉红颜投稿，不代表舒华文档立场，如若转载，请注明出处：https://www.chinashuhua.cn/24/553057.html
微信扫一扫 
