在textarea字段中使用“tabs”

Question

是否可以使用javascript在textarea中使用“tabs”（缩进）。单击选项卡按钮时，将关注下一个表单元素。但是，我需要在textarea中缩进文本。

我目前正在一个项目中工作，任何使用javascript或jquery的代码都会帮助我。

Answer 1

我见过的最好的插件是Tabs in Textarea plugin。您可以尝试演示on its page。

设置非常简单，因为它有一个简单的效果：

$("textarea").tabby();

让我最烦恼的其他插件的东西是缺少 shift + tab ，这个处理。你可以在没有插件的情况下做到这一点，但在这种情况下我不会......你自己会有相当多的代码，具体取决于你所使用的功能。跨浏览器方式的TextRange操作仍然有点毛茸茸，这是插件更好的方法之一，IMO。

Answer 2

这样的事情：

<input onkeypress="if(event.keyCode == 9) { this.value += '    '; return false; }">

基本上，当你按下keyCode 9（这是Tab键）时，我返回false。这可以防止将另一个元素聚焦在页面上。

为了模仿Tab空间我只是将空格自己添加到输入本身的值。

Answer 3

尝试此操作：捕获按键事件中的Tab键并停止传播。我不确定这是否会在浏览器中保持一致;试一试！