登录|注册|帮助中心|联系我们

导航
首页 综合百科 生活常识 数码科技 明星名人 传统文化 互联网 健康 影视 美食 教育 旅游 汽车 职场 时尚 运动 游戏 家电 地理 房产 金融 节日 服饰 乐器 歌曲 动物 植物
当前位置:首页 > 综合百科

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

发布时间:2023年1月4日责任编辑:张小云标签:暂无标签

在前端开发中,有时我们为了客户更好的体验,需要使用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图

其它知识推荐

溜溜百科知识网——分享日常生活学习工作各类知识。 垃圾信息处理邮箱 tousu589@163.com
icp备案号 闽ICP备14012035号-2 互联网安全管理备案 不良信息举报平台 Copyright 2023 www.6za.net All Rights Reserved