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元素。