问Html选择但是，当选择“空格”时，它会引发错误。

EN

var currentTarget = null;
function selHTML() {
    var nNd = document.createElement("span");
    var w = getSelection().getRangeAt(0);
    var text = window.getSelection().toString();  
    currentTarget = $(w.startContainer).parent();

    //console.log(selection.anchorNode.baseURI);//nextElementSibling/anchorNode

    if(!$(w.startContainer).parent().prop('class')) {

        if($.trim(text).length < 5 ) {
            console.log("Your selection is too short..!");
            return;
        }

        try {
            w.surroundContents(nNd);
            currentTarget.find('span.highlight').contents().unwrap();
            $(nNd).addClass('highlight');
        } catch (ex) {
            console.log("The Range has partially selected a non-Text node.")
        }

    } else {
        console.log("already selected");
    }



}


$("#addText").on('click',  function(event) {
    event.preventDefault();
    $(selHTML());
});

$("button").click(function(){
    $(selHTML());
});

$("#clearSpan").click(function(){
    console.log($(currentTarget))
});

$("div.content").mouseup(function(event) {
    var range = window.getSelection().getRangeAt(0);
    if (!range.collapsed) {
        var bounds = range.getBoundingClientRect();
        var x = bounds.left + ((bounds.right - bounds.left - $(".savetooltipAll").outerWidth()) / 2);
        var y = bounds.top - $(".savetooltipAll").outerHeight() + $(window).scrollTop();

        $(".savetooltipAll").css("top", (y+(bounds.top*3)) + 'px');
        $(".savetooltipAll").css("left",x + 'px');
        $(".savetooltipAll").show();

    } else {
        $(".savetooltipAll").hide();
    }
});