javascript - 向左展开显示内容的输入框

Question

经过一段时间的思考，我认为我可以使用更多的脑力。

想象一下以下 UI(由 StackOverflow 提供): 请注意，红线是“指南”。假设它们是 <div/>边界。

我想要的是，当大量文本添加到输入框时，足以溢出时，输入框应该“弹出”并覆盖/自动调整到左侧，如下图所示:

这有点类似于 Stackoverflow 的工作方式，只是它根据内容调整大小。另外，与stackoverflow类似，需要在输入框失去焦点时收回。

通常，我会准备一些代码来 SO，但这次有点困难。

• 我究竟应该使用什么来“修复”输入框的右侧？
• 如何找到输入框的内部/内容宽度？请注意，我使用的是等宽字体，因此这可能更容易...

Answer 1

好吧，我找到了答案......或者嗯......创建了解决方案。

可以查到here .

简单来说，主要就是很多事件和一个绝对定位的‘假’输入框。