如何取消高亮显示文字

Question

我写了一个函数来突出显示使用以下方法选择的文本，

$('.highlight').click(function(){
        document.execCommand("insertHTML", false, "<span style=background-color:yellow;>"+ document.getSelection()+"</span>");
    });

但是，现在我需要取消选中所选文字的高亮显示，请你帮助我。

提前致谢。

Answer 1

CSS

.highlighted{
background-color:yellow;
}

JS

    $('.highlight').click(function(){
        document.execCommand("insertHTML", false, "<span class='selectedText highlighted'>"+ document.getSelection()+"</span>");
    });

    // CALL THIS FUNCTION, WHEN YOU NEED TO UNHIGHLIGHT
    function unhighlight(){
        $(".selectedText").removeClass("highlighted");
    }