获取文本区域内光标的左上角位置答案

【问题标题】：get top left position of cursor inside textarea获取文本区域内光标的左上角位置
【发布时间】：2016-03-18 14:52:52
【问题描述】：

我要做的是在光标下方放置一个下拉菜单

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

我现在所做的是

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

但它返回其文本计数位置而不是高度位置有什么办法可以得到光标的高度位置

【问题讨论】：

【解决方案1】：

clientX - 来自 Textare 的 boundingClientRact

【讨论】：

【解决方案2】：

这可能会有所帮助...

让你的 textarea id 为 'txtarea'

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

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

【讨论】：