js设置光标始终在文本最后（亲测可行）

最新推荐文章于 2023-03-20 17:06:41 发布

loveer～

最新推荐文章于 2023-03-20 17:06:41 发布

阅读量3.9k

点赞数 1

分类专栏： js 文章标签： js jquery rang 光标

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

原链接：https://blog.csdn.net/qq_17757973/article/details/77452431

利用contenteditable=”true”模拟输入框时，focus()方法会将光标定位在文本的首位，需要将光标挪到最后一位

传入当前标签的节点对象（jquery对象）例： $("#addInput") ；

function setFocus(el) {
    el = el[0]; // jquery 对象转dom对象  
    el.focus();
    var range = document.createRange();
    range.selectNodeContents(el);
    range.collapse(false);
    var sel = window.getSelection();
    //判断光标位置，如不需要可删除
    if(sel.anchorOffset!=0){
        return;
    };
    sel.removeAllRanges();
    sel.addRange(range);
};