使用js定位到可编辑div的末尾

Posted 我欲皆真

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用js定位到可编辑div的末尾相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div contenteditable="true" id="guestbook_editor">2</div>
        <button onclick="set_focus()">aa</button>
        <script>
            function set_focus()
                {
                    var el=document.getElementById(\'guestbook_editor\');
                    var range = document.createRange();
                    range.selectNodeContents(el);
                    range.collapse(false);
                    var sel = window.getSelection();
                    sel.removeAllRanges();
                    sel.addRange(range);
                }
        </script>
    </body>
</html>

我看不太懂，额，原文地址：

https://www.cnblogs.com/jonie-wong/p/5519822.html

以上是关于使用js定位到可编辑div的末尾的主要内容，如果未能解决你的问题，请参考以下文章

将选择列表添加到可编辑网格 Knockout.js

使用纯 Javascript 滚动到可滚动 DIV 内的元素

使用纯 Javascript 滚动到可滚动 DIV 内的元素

将光标定位在 RichEdit 控件中文本的末尾

Chrome 实用调试技巧

在可滚动的 div 中绝对定位页脚