首页 > 解决方案 > 使用 JavaScript 选择具有特定范围的 DIV 中的文本

问题描述

我想选择<div>特定范围内的文本。

<div>This is a sample text.</div>
selectText(3, 12);

它将在 div 中选择从 s 到 m(s 是 sam)的文本,用户可以通过按下来复制文本ctrl + c

标签: javascriptangular

解决方案


let element = document.querySelector('div');

selectText(element, 20, 35);


function selectText(node, start, end) {
  let text = node.childNodes[0];
  let range = new Range();
  let selection = document.getSelection();
  range.setStart(text, start);
  range.setEnd(text, end);
  selection.removeAllRanges();
  selection.addRange(range);
}
<div>Text not to select. Text to select. Text not to select.</div>


推荐阅读