javascript - 不起作用的方法 Selection.removeRange()

Question

HTML:

<p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui aliquam quod aperiam veniam animi. Debitis iure sit incidunt sint dicta enim voluptatum inventore itaque cumque error. Neque voluptatem beatae fuga?</span>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui aliquam quod aperiam veniam animi. Debitis iure sit incidunt sint dicta enim voluptatum inventore itaque cumque error. Neque voluptatem beatae fuga?</span>
</p>

<button>Remove range</button>

JavaScript:

var p = document.body.firstElementChild;

var rng, selectText;

p.addEventListener('mouseup', function() {
    rng = document.createRange();
    rng.selectNodeContents(p);
    selectText = window.getSelection();
    selectText.addRange(rng);
}, false);


document.body.lastElementChild.addEventListener('click', function() {
    selectText.removeRange(rng);
}, false);

Fiddle

我不明白为什么该方法不起作用 Selection.removeRange()？我们的想法是仅保留原始选择。

Answer 1

在 safari 和 google-chrome 中，您应该使用

selectText.removeAllRanges(rng)

工作中fiddle