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

2025-05-06 21:32: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如何获取输入光标的位置
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢