在contenteditable div中获取光标位置

// 获取contenteditable div的DOM元素
var divElement = document.getElementById("myDiv");

// 监听div元素的点击事件
divElement.addEventListener("click", function() {
  // 获取Selection对象
  var selection = window.getSelection();
  
  // 检查Selection对象是否有范围
  if (selection.rangeCount > 0) {
    // 获取第一个Range对象
    var range = selection.getRangeAt(0);
    
    // 获取光标位置的详细信息
    var startContainer = range.startContainer; // 起始节点
    var startOffset = range.startOffset; // 起始偏移量
    var endContainer = range.endContainer; // 结束节点
    var endOffset = range.endOffset; // 结束偏移量
    
    // 输出光标位置的信息
    console.log("光标起始节点：" + startContainer);
    console.log("光标起始偏移量：" + startOffset);
    console.log("光标结束节点：" + endContainer);
    console.log("光标结束偏移量：" + endOffset);
  }
});