将光标定位于输入框最右侧的实现方式-白红宇的个人博客

将光标定位于输入框最右侧的实现方式

发布日期：2021-09-11 05:53:06 浏览次数：10 分类：技术文章

本文共 308 字，大约阅读时间需要 1 分钟。

前端开发过程中，经常需要这样的场景。用JS实现将光标定位于输入框最右侧。

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

场景二：Script.aculo.us的Ajax.InPlaceEditor类。双击可编辑，编辑后离开可自动更新该区域

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

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

　

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

而现在要实现的是将光标定位于输入框最右侧，需要三个步骤。

调用focus方法

value赋值为空

之前的input的值再赋给自己

代码如下

运行后效果如图，光标在输入框最右侧

　　

转载地址：https://blog.csdn.net/weixin_34406061/article/details/86074214 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：2013年7月2日星期二

下一篇：Oracle--plsql创建存储过程

发表评论

最新留言

能坚持，总会有不一样的收获！

[***.219.124.196]2024年04月10日 04时09分08秒

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

推荐文章

机器学习心得_CodingPark编程公园 2021-06-29

自然语言工程师心得概述_CodingPark编程公园 2021-06-29

for循环那点事儿_CodingPark编程公园 2021-06-29

Int -＞ List | List -＞ Int _ CodingPark编程公园 2021-06-29

如何在junit中使用SpringFramework的Ioc容器 2021-06-29

一个案例教你理解Spring面向切面编程（Spring Aop） 2021-06-29

手把手教你整合SSM框架 2021-06-29

自己造个简单数据校验的注解@Value和@Mail 2021-06-29

Poj百练 4148:生理周期（分类：枚举） 2021-06-29

Java如何读写注册表 2021-06-29

java如何利用模板文件生成word文档 2021-06-29

java读写xlsx格式的MS Excel文件 2021-06-29

vue的一些基础知识点 2021-06-29

webpack错误记录（不定期更新） 2021-06-29

Poj百练 2692:假币问题（分类：模拟） 2021-06-29

SpringBoot实现一个文件上传服务 2021-06-29

前后分但文件上传与多文件上传，前端实现 2021-06-29

Poj百练 2711:合唱队形（分类：动态规划） 2021-06-29

SpringBoot自定义banner 2021-06-29

JWT(JSON Web Token)认证小结 2021-06-29

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 306340896 位访客

访问时间: 2024-04-20 02:28:20 访问IP: 18.222.69.152 Copyright © 2020 - 2023 blog.css8.cn 京ICP备2021015314号-1 手机版