Jquery实现文本框得到焦点的时候,文本框的焦点出现在最后!

在前端开发中,有时我们为了客户更好的体验,需要使用js处理一些css解决不了的问题
比如,当文本框的文字多余文本框的时候,有一部分文字没有出来的时候,我们点击文本框,让焦点出现在最后面,这样子可以提高用户的体验
这里举个例子来说明一下
比如这种情况
这里写图片描述
当点击文本框的时候,在文本框的焦点出现在最后

下面用代码来举例

//html结构
<body>
    <input type="text" value="这一行文字的焦点一定会出现在最后">
    <button>按钮</button>
</body>
jquery

$("button").click(function(event) {
        $("input").focus();//使input获取焦点
        var result=$("input").val();//对input取值
        $("input").val("")//使input的值为空
        $("input").val(result);//重新负值
        $("input")[0].scrollLeft=700;//这里我对文本框的属性做了一个猜想,应该是有混动条的属性的,所以进行一个偏移
    });

最后看一下gif图
这里写图片描述

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值