光标定位到最后一个元素后面

最新推荐文章于 2024-08-05 16:40:27 发布

w_shuhua

最新推荐文章于 2024-08-05 16:40:27 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

文章标签： textarea focus聚焦光标定位

本文链接：https://blog.youkuaiyun.com/w_shuhua/article/details/81874493

本文介绍了一种解决网页输入框中光标位置保持不变的方法。通过JavaScript代码，在关闭建议框后重新打开时确保光标始终位于输入文本的末尾。

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

问题描述
我们在项目开发中遇到这样一个问题，是说当弹出输入建议框时，默认聚焦，弹出软键盘，点击蒙层，关闭建议框之后，再次点击按钮，输入的文字保持不变，光标默认显示早文字后面。
解决办法

            let tObj = document.getElementById("#input");
            let sPos = tObj.value.length;
            if(tObj.setSelectionRange){
                tObj.setSelectionRange(sPos, sPos);
                tObj.focus();
            }else if(tObj.createTextRange){
                var rng = tObj.createTextRange();
                rng.move('character', sPos);
                rng.select();
            }