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

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

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

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

4、创建要插入的dom节点

var node = document.createElement("span");

//node.setAttribute("contenteditable", "false");

node.setAttribute("class", "at");

node.innerHTML = "测试";

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