テキストを選択状態にする

このスニペットは要素のテキストを選択状態にするのに使用します。下記の変数を変更してください。

targetSelector: 選択したい要素の CSS セレクター

var targetSelector = "<TODO: REPLACE SELECTOR>";

/* --------- ここから下は変える必要はありません ---------- */
var targetElement = document.querySelector(targetSelector);

if (!targetElement) {
  throw new Error("Element not found");
}

/* 要素のテキストを選択する */
selectRange(targetElement, 0, targetElement.textContent.length);

function selectRange(element, startAt, endAt) {
  var selection = window.getSelection();
  var range = document.createRange();
  var textNode = element.childNodes[0];
  
  range.setStart(textNode, startAt);
  range.setEnd(textNode, endAt);
  
  if (selection.rangeCount > 0) {
    selection.removeAllRanges();
  }
  selection.addRange(range);
}