JS的Selection选区（拖蓝）在页面失去焦点后会变灰，如何回蓝？

Question

这是页面有焦点的情况下，文字选区变蓝

这是页面失去焦点后，文字选区变灰

如何通过JS代码，让选区重新变回蓝色呢？

Answer 1

其实就是web中的选区问题，可以参考这篇文章 https://segmentfault.com/a/11...

下面是还原选区的操作

let lastRange = null;
txt.onkeyup = function (e) {
    var selection = document.getSelection()
    // 保存最后的range对象
    lastRange = selection.getRangeAt(0)
}
btn.onclick = () => {
  const selection = document.getSelection();
  selection.removeAllRanges();
  // 还原上次的选区
  selection.addRange(lastRange);
}