在前端开发中,有时我们为了客户更好的体验,需要使用js处理一些css解决不了的问题
比如,当文本框的文字多余文本框的时候,有一部分文字没有出来的时候,我们点击文本框,让焦点出现在最后面,这样子可以提高用户的体验
这里举个例子来说明一下
比如这种情况
当点击文本框的时候,在文本框的焦点出现在最后
下面用代码来举例
//html结构
【教你jquery输入框获取焦点 jquery获得焦点事件】
123456jquery
$(“button”).click(function(event) {
$(“input”).focus();//使input获取焦点
var result=$(“input”).val();//对input取值
$(“input”).val(“”)//使input的值为空
$(“input”).val(result);//重新负值
$(“input”)[0].scrollLeft=700;//这里我对文本框的属性做了一个猜想,应该是有混动条的属性的,所以进行一个偏移
});
123456789最后看一下gif图
推荐阅读
- excel保存不了怎么办,教你一招问题立马解决
- cad基本操作命令 cad怎么输入命令
- 教你从入门到精通做拍照达人 苹果手机拍照技巧有哪些
- 苹果手机锁了怎么办,教你一招瞬间破解
- word文档下划线怎么打(输入Word下划线的5个技巧)
- 免费教你连接这两种设备 安卓手机怎么连接airpods
- 教你合理地书写电子邮件地址 电子邮箱怎么填
- 教你快速删除文档中重复内容 word删除重复内容保存唯一
- 百姓网创始人王建硕个人简介,他教你如何高效地开会
- 蓝牙耳机怎么连接手机,一分钟教你蓝牙耳机使用技巧