эта функция выделяет выделенный текст, как я могу удалить диапазон, созданный JavaScript, щелкнув выделенный текст?

Question

Я нашел этот код JavaScript для выделения выделенного текста, как добавить функцию для удаления выделенного фона (удаления созданного диапазона), просто щелкая выделенный текст?

highlight=function()
    {       
    var selection= window.getSelection().getRangeAt(0);
    var selectedText = selection.extractContents();
    var span= document.createElement("span");
    span.style.backgroundColor = "yellow";
    span.appendChild(selectedText);
    selection.insertNode(span);
    }

Answer 1

window.highlight = function() {
    var selection = window.getSelection().getRangeAt(0);
    var selectedText = selection.extractContents();
    var span = document.createElement("span");
    span.style.backgroundColor = "yellow";
    span.appendChild(selectedText);
    span.onclick = function (ev) {
        this.parentNode.insertBefore(
            document.createTextNode(this.innerHTML), 
            this
        );
        this.parentNode.removeChild(this);
    }
    selection.insertNode(span);
}

См. Демонстрацию