Question

我知道有一个CSS伪元素::seleсtion。但是，我需要它，因为我学习JavaScript。这是我来的代码，但它不起作用：

document.body.addEventListener('mouseup', function() {
    var txt = window.getSelection().toString();
    var txtNode = document.createTextNode(txt);
    var rng = document.createRange();
    rng.setStart(txtNode, 0);
    rng.setEnd(txtNode, txt.length);
    var span = document.createElement('span');
    span.style.backgroundColor = 'green';
    rng.surroundContents(span);
}, false);

Answer 1

直到那个发生时才突出显示。单击空的空间分配重置时还有什么办法？

document.body.addEventListener('mouseup' , function(){
    var selection = window.getSelection();
    var range = selection.getRangeAt(0);

    var span = document.createElement('span');
    span.style.backgroundColor = 'green';

    range.surroundContents(span);
} , false);

更改文本选择的颜色

1 个答案: