相关疑难解决方法(0)

contenteditable选定的文本保存和恢复

我发现这篇文章显示了如何从一个可信的div中保存和恢复所选文本的2个功能.我有下面的div设置为contenteditable和另一个帖子的2功能.如何使用这些功能来保存和恢复所选文本.

<div style="width:300px;padding:10px;" contenteditable="true">test test test test</div>

<script>
function saveSelection() {
    if (window.getSelection) {
        sel = window.getSelection();
        if (sel.getRangeAt && sel.rangeCount) {
            return sel.getRangeAt(0);
        }
    } else if (document.selection && document.selection.createRange) {
        return document.selection.createRange();
    }
    return null;
}

function restoreSelection(range) {
    if (range) {
        if (window.getSelection) {
            sel = window.getSelection();
            sel.removeAllRanges();
            sel.addRange(range);
        } else if (document.selection && range.select) {
            range.select();
        }
    }
}
</script>
Run Code Online (Sandbox Code Playgroud)

javascript text selected contenteditable

8
推荐指数
1
解决办法
1万
查看次数

标签 统计

contenteditable ×1

javascript ×1

selected ×1

text ×1