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

标签 javascript jquery forms

我正在使用一个表单,允许用户根据需要不断添加新行(用于制作包含多个“howto”步骤的文章,他们可以反复单击以添加新步骤)。我希望能够做的是让用户能够随时单击任何这些行,然后单击侧面的单词或按钮,然后将该按钮的值插入到最后已知的光标位置。

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

示例输入 1:“删除客户当前的 IP 地址并替换为静态 IP,[用户可以单击此处,然后单击静态 IP 按钮,%STATIC_IP% 将插入到最后已知的光标位置(也称为此处)” ]

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

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

起始代码:http://jsfiddle.net/4mJwU/

最佳答案

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

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

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

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

关于javascript - jQuery/Javascript > onClick 将文本放置在最后已知的光标位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12166014/

相关文章:

Javascript : Get Parent Node Name

Javascript 递增计数器 onclick 事件

javascript - Tapestry 5.3 如何使用按钮检索文本字段值但不提交表单

javascript - 如何使表单字段有条件为必填

javascript - 如何根据分配给当前单击元素的数据从 localStorage 中删除 JSON 对象?

jquery - 根据按钮的属性值添加/删除 css 类

javascript - 在这种情况下如何处理数据驱动的输入?

javascript - 如何使用 JQuery 在不同样式表之间切换?

php - 如何为多个表单创建提交按钮

php - 从表单将项目插入 MySQL 数据库