execCommand 执行后再次选择文本

Question

我正在使用 jQuery 构建一个文本编辑器。

我有一个内容可编辑的div，当我点击<span id="bold-text"> 我可以更改所选文本的样式：

$('span#bold-text').mousedown(function(e){
    document.execCommand('bold', false, null);
});

在执行document.execCommand（或者可能是因为点击）后，跨度选择松散了焦点。

如何在execCommand 之后自动选择相同的文本？

Answer 1

您可能需要将最后一个焦点项目存储在 jQuery 中（不包括跨度）：

var toFocus;
$("*:not(span#bold-text)").blur(function() {
  toFocus = this;
});

然后重新聚焦：

$('span#bold-text').click(function(e){        
  document.execCommand('bold', false, null);    
  if(toFocus){
    $(toFocus).focus(); 
  }        
});