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如何获取输入光标的位置
  • JQuery如何选择带有多个class的元素
  • jquer如何在输入结束时触发事件
  • 易语言怎么制作退出按钮或退出菜单
  • 如何用js将一个input的值放到另一个input里
  • 虚拟机怎样扩充硬盘容量?
  • 热门搜索
    减肥晚餐吃什么 如何做红烧排骨 轩辕传奇攻略 运动减肥瘦身 闪耀暖暖攻略 红烧鱼的家常做法 移动网络怎么样 河南旅游攻略 哔哩哔哩硬币怎么获得 郑多燕减肥食谱