复制功能不适用于突出显示的文本

Question

我正在对突出显示的文本使用距离选择方法。Get highlighted和remove highlighted功能对我来说工作得很好，但问题是我无法复制突出显示的文本。

以下是我的代码。

var highlighter;
    var highlightTextToBeRemoved;

  rangy.init();
    highlighter = rangy.createHighlighter();
    highlighter.addClassApplier(rangy.createClassApplier("highlight", {
      ignoreWhiteSpace: true,
      tagNames: ["span", "a"]
    }));

    document.onclick = function(event) {
      event = event || window.event;
      var target = event.target || event.srcElement;
      highlightTextToBeRemoved = highlighter.getHighlightForElement(target);
    };

  $scope.highlightSelectedText = function () {
            highlighter.highlightSelection("highlight");           
        };

      $scope.removeHighlightFromSelectedText = function(event) {
        if (highlightTextToBeRemoved) {
        highlighter.removeHighlights( [highlightTextToBeRemoved] );
        highlightTextToBeRemoved='';
    }
}; 

所以我想要在突出显示的文本上复制功能。

有什么想法吗？

Answer 1

您可以在突出显示的文本select之后尝试此命令: document.execCommand('copy')；如果文本已复制，则返回布尔值；否则返回true，否则返回false。