在textarea中获取光标的左上角位置

Question

我想要做的是在光标下面放一个下拉列表

我有textarea，当我在任何地方输入内容或点击textarea时，我需要其最高绝对位置，以便我可以为我的ul li元素提供相同的位置

我现在所做的是

var cursorPosition = $('#PostContent').prop("selectionStart");
            console.log(cursorPosition);

但它返回文本计数位置而不是高度位置 有没有办法获得光标的高度位置

Answer 1

clientX - 来自Textare的boundingClientRact

Answer 2

这可能会有所帮助......

让你的textarea id为＆＃39; txtarea＆＃39;

var el=document.getElementById("txtarea");
console.log(el.getBoundingClientRect());

getBoundingClientRect（）将返回一个对象，该对象具有该元素的宽度，高度，左，顶部，右侧和底部信息

参考：https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect