js如何获取输入光标的位置

时间:2024-10-21 12:28:39

1、获取selection对象。selection是用户在页面上选择的范围的对象,俗称拖蓝。获取selection对象使用:window.getSelection();

js如何获取输入光标的位置

2、获取页面选中范围range对象。selection对象包含0个或多个range对象。通过range对象的属性和方法就可以获取到鼠标光标所在的位置,和在鼠标光标处插入dom节点。

js如何获取输入光标的位置

3、使用range对象的endContainer属性获取光标所在的dom对象。使用range对象的endOffset获取光标所在dom对象的偏移量。

js如何获取输入光标的位置

4、创建要插入的dom节点var node = document.createElement猾诮沓靥("span");//node.setAttribute("艘早祓胂contenteditable", "false");node.setAttribute("class", "at");node.innerHTML = "测试";

js如何获取输入光标的位置

5、在鼠标光标处插入dom元素。

js如何获取输入光标的位置
© 手抄报圈