Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在突出显示/选定的文本周围插入span而不选择。extractContents()?_Jquery - Fatal编程技术网

Jquery 在突出显示/选定的文本周围插入span而不选择。extractContents()?

Jquery 在突出显示/选定的文本周围插入span而不选择。extractContents()?,jquery,Jquery,我想在可编辑的内容中的选择文本周围插入span标记。以下是我目前拥有的: $(document).on('mousedown', '.button', function() { e.preventDefault(); var selection= window.getSelection().getRangeAt(0); var selectedText = selection.extractContents(); var span= document.create

我想在可编辑的
内容中的选择文本周围插入
span
标记。以下是我目前拥有的:

$(document).on('mousedown', '.button', function() {
    e.preventDefault();
    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);
});
它完成了这项工作,但使用
selection.extractContents()
的问题在于它会删除选择(
e.preventDefault()
允许在单击
按钮时保持选中的文本)

有没有一种方法不使用
selection.extractContents()
就可以实现这一点