js自动聚焦输入框并控制光标位置

最新推荐文章于 2024-01-26 20:24:09 发布

one.dream

最新推荐文章于 2024-01-26 20:24:09 发布

阅读量5k

点赞数 1

分类专栏：业务代码

本文链接：https://blog.csdn.net/qq_44472722/article/details/119413125

版权

JavaScript 光标定位数据回填前端开发浏览器兼容

关键词由CSDN通过智能技术生成

业务代码专栏收录该内容

27 篇文章

订阅专栏

这篇博客介绍了一种JavaScript方法来打开弹窗并回填数据，同时确保光标定位在输入框的最后一位。函数`cursorMove(inp, spos=-1)`通过兼容不同浏览器的API，如`setSelectionRange`和`createTextRange`，实现了这一功能，适用于前端开发中的交互体验优化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求如题

开一个弹窗，然后数据回填，并使光标定在最后一位
在这里插入图片描述

实现方法

function cursorMove(inp,spos=-1) {
        // spos 光标的位置 -1为最后一位
        if (spos < 0) spos = inp.value.length;
        if (inp.setSelectionRange) {
          //兼容火狐,谷歌
          setTimeout(function() {
            inp.setSelectionRange(spos, spos);
            inp.focus();
          }, 0);
        } else if (inp.createTextRange) {
          //兼容IE
          var rng = inp.createTextRange();
          rng.move("character", spos);
          rng.select();
        }
      },