jquery获得焦点事件(教你jquery输入框获取焦点)

   发布日期:2022-07-27 09:52:38     手机:https://m.haocat.cn/zonghe/news7883.html    违规举报
核心提示:在前端开发中,有时我们为了客户更好的体验,需要使用js处理一些css解决不了的问题 比如,当文本框的文字多余文本框的时候,有一部分文字没有出来的时候,我们点击文本框,让焦点出现在最后面,这样子可以提高用户的体验 这里举个例子来说明一下 比如

jquery获得焦点事件(教你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图

 
 
本文地址:http://haocat.cn/zonghe/news7883.html,转载请注明出处。
 
更多>同类综合百科

推荐图文
推荐综合百科
点击排行
网站首页  |  网站流量  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  违规举报  |  SiteMaps  |  BaiDuNews