javascript - 如何使用 JavaScript 选择前节点/ block 中的文本？

Question

我理解不允许 JS 将任意文本复制到剪贴板背后的安全原因，但是有没有一种方法可以通过单击按钮来选择前节点中的文本，类似于 select() 函数在输入中的工作方式？

我不是在寻找复制到剪贴板的 jQuery 插件。我只想突出显示预 block 中的文本，以便用户可以 ctrl-c 进行复制。

我好像找到了深蹲。

Answer 1

这是你需要的:

var clip = function(el) {
  var range = document.createRange();
  range.selectNodeContents(el);
  var sel = window.getSelection();
  sel.removeAllRanges();
  sel.addRange(range);
};

和 html:

<pre onclick="clip(this);" id="copy_paste"></pre>

或者，如果您想以编程方式执行此操作:

clip(document.getElementById("copy_paste"));

或者在 jquery 中:

clip($("#copy_paste")[0]);

您不能将 jquery 元素 clip() 作为参数 el 传递。它将给出“类型错误:Range.selectNodeContents 的参数 1 未实现接口(interface)节点。”