getCursor.js 1.1 KB

1234567891011121314151617181920212223242526272829
  1. const getCursor = (domId) => {
  2. let win = document.getElementById(domId + "-iframe").contentWindow;
  3. let doc = document.getElementById(domId + "-iframe").contentDocument;
  4. document.getElementById(
  5. domId + "-iframe"
  6. ).contentWindow.document.body.onblur = function (e) {
  7. let getSelection = win.getSelection();
  8. //获取起始位置,这个是字符的序号位置,而不是坐标
  9. var start = getSelection.anchorOffset;
  10. //获取结束位置
  11. var end = getSelection.focusOffset;
  12. //获取起始的dom元素
  13. var startEl = getSelection.anchorNode.parentElement;
  14. //获取结束的dom元素
  15. var endEl = getSelection.focusNode.parentElement;
  16. // let rang = getSelection.getRangeAt(0);
  17. //获取页面选中范围range对象。selection对象包含0个或多个range对象。通过range对象的属性和方法就可以获取到鼠标光标所在的位置
  18. console.log("onblur", getSelection);
  19. // var node = document.createElement("span");
  20. // node.innerHTML = "测试";
  21. // rang.insertNode(node);
  22. };
  23. };
  24. export default getCursor;