javascript - Textarea 中的标签和后退标签

Question

是否有用于在 HTML 中使用 JavaScript 实现 Tabs 和 Backtabs（Shift + Tab 键）的库或解决方案？

我在 Internet 上找到了一些解决方案，但都没有处理 Backtabs（Shift + Tab）。

帮助？

Answer 1

我编写了一个小型 JavaScript 库来实现这一点：将 Tab 和 Shift+Tab 功能添加到 HTML textarea 元素。它被称为选项卡覆盖。您可以在http://wjbryant.github.io/taboverride/试用演示。没有依赖项，但如果您使用的是 jQuery，还有一个jQuery 包装器插件可以方便地使用。

Answer 2

将选项卡添加到 textareas 很容易 - 您只需添加'\t'. 在考虑 shift-tab 时，不要将其视为本身的字符，它只是按下 shift 时的选项卡按钮。您可以通过检查按下选项卡按钮时是否也按下了 shift 键来实现此目的，如果是，则根据内容（大概在光标左侧）处理 textarea 的内容。

一个很好的例子已经在 jQuery 中完成，关于如何获取文本插入符号周围的文本的体面解释可以在这里找到。

这是一个演示（在实际站点中使用之前需要清理！）

注意：我没有费心将插入符号位置设置回其原始点 - 只是专注于从上面的链接中敲出演示。