单击contentEditable div外部的按钮时如何保留选择

Question

我有一个contentEditable div，用于实现富文本编辑器，如下所示：

     <div contenteditable="true"></div>

我有一个下拉选择列表以应用字体。我正在将execCommand与fontName选项一起使用。选择一些文本后，当我单击选择按钮时，将失去对contentEditable div中文本的选择。 诚然，我在浏览器端Java语言方面很弱。有没有解决此问题的快捷方法？

  $(document).on('click', '#specificFont', function (e) {
     ...
     // tried e.preventDefault() here
     ...
     //Code to get the exact font name 
     ...
     execCommand('fontName', null, exactFontName);

  });

我也尝试过mousedown事件和e.preventDefault（）。

我希望在单击外部按钮时保留所选内容，以便execCommand可以应用该字体。