Javascript 获取输入或textarea元素内部匹配字符串/范围的坐标/BoundingClientRect

Javascript 获取输入或textarea元素内部匹配字符串/范围的坐标/BoundingClientRect,javascript,html,Javascript,Html,我试图找到一种方法来准确地确定文本在textarea或input HTML元素中的位置,类似于GitHub通过内联下拉菜单(这也是一个textarea)实现文本位置的方法,但我完全不知道如何才能实现这一点 理想情况下,我希望实现一些类似于该方法的返回对象,因为我需要匹配文本的x和y坐标以及宽度和高度,以便在项目中定位我想要的下拉列表 我正在使用的chrome扩展需要能够在任何输入和文本区域上运行,以便在输入“/”字符时在其正下方显示下拉列表。否则,我将只使用带有contenteditable=“

我试图找到一种方法来准确地确定文本在textarea或input HTML元素中的位置,类似于GitHub通过内联下拉菜单(这也是一个textarea)实现文本位置的方法,但我完全不知道如何才能实现这一点

理想情况下,我希望实现一些类似于该方法的返回对象,因为我需要匹配文本的x和y坐标以及宽度和高度,以便在项目中定位我想要的下拉列表

我正在使用的chrome扩展需要能够在任何输入和文本区域上运行,以便在输入“/”字符时在其正下方显示下拉列表。否则,我将只使用带有
contenteditable=“true”
的div来实现这一点

任何想法都将不胜感激


我在GitHub上发现了这个回购协议,看起来它应该能够通过一些小的调整实现我想要的(如果有必要的调整,或者如果它没有实现我想要的),我会报告回来。

我在GitHub上发现了这个回购协议,看起来它应该能够通过一些小的调整实现我想要的(如果有必要的调整,或者没有达到我想要的效果,将报告).

看起来您可以使用范围:不幸的是,与范围API类似,这似乎不适用于任何输入或textarea元素,当我在其中聚焦/选择时,DomRect的每个值都是0。:/看起来您可以使用范围:不幸的是,与范围API类似,这似乎不适用于任何输入或textarea元素nts,当我在DomRect内聚焦/选择时,DomRect的每个值仅为0/