!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>JavaScript如何实现将光标定位于输入框最右侧(js控制光标位置)

JavaScript如何实现将光标定位于输入框最右侧(js控制光标位置)

经常需要这样的场景,用 JS 实现将光标定位于输入框最右侧。

场景一:编辑图片的描述文字

JavaScript如何实现将光标定位于输入框最右侧(js控制光标位置)场景二:Script.aculo.us 的 Ajax.InPlaceEditor 类。双击可编辑,编辑后离开可自动更新该区域。

以上场景都需要 JS 实现将光标定位于输入框最右侧,却不是通过鼠标点入输入框内。

我们知道实现最基本的方法是 HTMLElement 的 focus 方法。如下

打开该页面会发现,光标位于输入框的最左侧。效果如下

JavaScript如何实现将光标定位于输入框最右侧(js控制光标位置)而现在要实现的是将光标定位于输入框最右侧,需要三个步骤。

1,调用 focus 方法

2,value 赋值为空

3,之前的 input 的值再赋给自己

运行后效果如图,光标在深入框最右侧

JavaScript如何实现将光标定位于输入框最右侧(js控制光标位置)

给TA打赏
共{{data.count}}人
人已打赏
网站运维

WordPress如何自动获取网站某个自定义字段的所有值

2022-9-7 11:52:13

网站运维

WordPress后台删除wp-postviews插件文章浏览次数被清空

2022-9-7 11:52:59

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 2651636361@qq.com 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索