可编辑的div，如何在输入的文字、图片或文件后面获取光标？

最新推荐文章于 2025-10-31 11:01:31 发布

原创最新推荐文章于 2025-10-31 11:01:31 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#获取光标 #可编辑的div

开发中遇到的问题专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种方法，用于在网页中通过JavaScript选择特定的DOM元素并设置文本输入光标的位置。此方法适用于需要自动将焦点定位到指定区域的应用场景。

// 获取光标
set_focus(){
    let el=document.getElementById('uploadArea');
    el.focus();
    if($.support.msie){
        var range = document.selection.createRange();
        this.last = range;
        range.moveToElementText(el);
        range.select();
        document.selection.empty(); //取消选中
    }else {
        var range = document.createRange();
        range.selectNodeContents(el);
        range.collapse(false);
        var sel = window.getSelection();
        sel.removeAllRanges();
        sel.addRange(range);
    }
}