在textarea上浮动一个div？ [复制]

Posted 2023-05-08

【中文标题】在textarea上浮动一个div？ [复制]

【英文标题】：Float a div on a textarea? [duplicate]

【发布时间】：2012-10-07 07:03:44

【问题描述】：

我有一个包含此建议列表的 div。但我需要将它分配在文本区域的插入符号位置。如果可以的话，这可能吗，帮我做。

function findOffsetPosition(obj) 
    var posX = obj.clientLeft; var posY = obj.clientTop;
    while (obj.offsetParent) 
        if (obj == document.getElementsByTagName('body')[0])  break 
        else 
            posX = posX + obj.offsetParent.offsetLeft;
            posY = posY + obj.offsetParent.offsetTop;
            obj = obj.offsetParent;
        
    
    var posArray = [posX, posY]
    return posArray;

【问题讨论】：

你有什么运气吗？请分享你的代码

我已经尝试了上述方法，但对我没有帮助。

我认为这不可能。我认为这是一个很酷的想法，但这是不可能的。问题是有关您无法检索的文本区域的许多因素。当然，您可以获取 textarea 在页面上的实际位置……这很容易。您还可以非常准确地了解光标（插入符号）在文本中的位置。但是您无法获得光标的物理位置。

@Ian：是的，有可能。以下是the component plugin 的做法。

@DanDascalescu 非常棒。我喜欢认为，当我最初发表评论时，它不是“可能的”或完全发展的，我更有意义。显然，这不再是真的！

【参考方案1】：

这是一篇可以帮助你入门的帖子

https://***.com/a/7745998/1354978

这家伙的 jsfiddle 工作 +1

http://jsfiddle.net/gilly3/6SUN8/

【讨论】：

但是插入符号位置并不能帮助我分配一个 div。我需要物理位置。

您可以获取文本区域的位置，然后根据您的插入符号位置添加或减去。此外，如果您想检查用户的默认文本大小以帮助补偿，也可以这样做。你真的只是没有尝试我的感觉。