一些不常用的事件监听方法

document

selectionchange

可以获取到点击的文字所在元素对象及点击或者选中文字起始位置和结束位置

应该是只针对文字，我点击图片没有触发时间，点击文字时间正常触发

// addEventListener version
document.addEventListener('selectionchange', () => {
  console.log(document.getSelection());
  /**
   * anchorNode: text
   * anchorOffset: 4
   * baseNode: text
   * baseOffset: 4  选中起始位置
   * extentNode: text 选中起始元素
   * extentOffset: 4  选中结束位置
   * focusNode: text 选中结束元素
   * focusOffset: 4
   * isCollapsed: true
   * rangeCount: 1
   * type: "Caret"
   */
});

// onselectionchange version
document.onselectionchange = () => {
  console.log(document.getSelection());
};

通过下方代码操作可以改变选中位置

let selection = document.getSelection()!
const range = document.createRange();
selection.removeAllRanges();
range.selectNodeContents(node);
range.setStart(textNode,start)
range.setEnd(textNode,start)
range.collapse(false);
selection.addRange(range);