javascript - jQuery / Javascript > onClick 将文本放在最后已知的光标位置

Question

我有一个我正在使用的表单，它允许用户根据需要不断添加新行（用于制作具有多个“howto”步骤的文章，他们可以一遍又一遍地单击以添加新步骤）。我想要做的是让用户能够随时单击任何这些行，然后单击位于一侧的单词或按钮，然后将该按钮的值插入最后已知的光标位置。

因此，例如，我可能有一个当前有 3 行的表单。如果用户返回并想要插入一些数据，他们可以在框中单击返回并点击与他们想要插入的数据相对应的按钮。

示例输入 1：“删除客户当前的 IP 地址并替换为他们的静态 IP，[用户可以单击此处，然后单击静态 IP 按钮，%STATIC_IP% 将插入到最后一个已知的光标位置（也称为此处）]

示例输入2：“在客户[点击插入%WIFI_SSID%]到路由器设置中输入”

我发现了其他几篇能够插入文本的 stackoverflow 文章，但他们都希望它进入定义的文本区域或输入。在这种情况下，我需要它插入到最后一个已知的光标位置。我希望这一切都清楚了。我期待任何帮助或问题。

score 1 · Accepted Answer

如果您已经知道如何在最后一个已知的插入符号位置插入一些任意内容，那么您唯一的问题是知道上次单击按钮之前哪个字段是焦点。

这可以通过多种方式完成，其中之一是利用焦点和模糊事件（附加到字段 - 在您的情况下为行）来跟踪（例如在某些变量中）对上次聚焦的字段的引用。从那里应该是小菜一碟。

可以帮助您入门的快速简单脚本http://jsfiddle.net/sjqWu/1/

将您从其他 stackoverflow anwsers 中学到的内容与上面的示例相结合，您应该没问题。快乐学习！

score 0 · Accepted Answer

我会质疑你的设计。要使用户必须单击一个字段，然后单击一些文本以插入该字段，这似乎步骤太多。您可能会使用某种拖放例程。或者不是第一次点击是一个文本框，而是让它成为一个下拉列表？

我同意WTK。您可以使用某种事件存储记录 ID 或文本框 ID，然后从那里继续。

2 回答 2