在浏览器文本框中键入制表符

很多时候，当我想格式化网页文本框中的文本格式时，我会Tab按键。

不幸的是，这不会插入制表符，而是将控件移至下一个表单元素（如按钮或复选框）。

对于Firefox / IE这样的浏览器，是否可以通过键入组合键来在文本框中获取选项卡的格式化行为？

Tabinta是一个Firefox附加组件，可让您执行此操作。

在Windows中，您可以按Alt+ 09。这仅适用于数字键盘的数字键。（Alt按最后一个数字键后释放。）

Linux和其他POSIX系统（Mac OS除外）：

要在GTK +应用程序（如Firefox或Chrome）中输入标签：

1. Ctrl+ Shift+U

2. 类型 9

3. 按Space或Enter

资料来源：维基百科：Unicode输入

在Mac OS X上的Safari和Firefox中，您可以按ControlOptionTab将标签页插入当前正在编辑的文本字段中。

打开记事本或类似的文本编辑器，然后启动一个新的空白文档。输入Tab。将制表符复制到剪贴板。（在Windows上，Ctrl+ A，Ctrl+ C将执行此操作）。

现在，在浏览器中切换回文本区域。将光标放在所需的位置，然后粘贴制表符。（在Windows上为Ctrl+ V）。

瞧，完成了！

有一个名为Textarea Code Formatter的Chrome插件。

它允许您将标签页插入Chrome浏览器的文本框中。它还允许您突出显示多行，并在每个选定行之前插入选项卡。

但是，问题在于，通常您希望使用标准的制表符插入行为。如果确实使用制表符在各个框之间切换，则默认情况下，您可以在选项中选择“禁用”。

如果是您的网站：

jQuery插件：http : //teddevito.com/demos/textarea.html

jQuery(document).ready(function () {

     $("textarea").tabby();

});

首先加载jQuery和插件，然后您可以制表并创建一个选项卡，然后按Shift + Tab键将其原样保存为“ untab”。

为了获得浏览器范围的支持，您将必须使用扩展程序，用户脚本，插件等，如：Greasemonkey的 46704 。

的一大优点Tabinta在Firefox的是，你可以在制表符映射到另一个热键，因为你真的不想失去在浏览器中的Tab键默认行为。

使用Internet Explorer，您无法解决我所知道的浏览器扩展方式。在这里，唯一的方法是通过从记事本等其他程序中复制制表符来将制表符保留在剪贴板中。

javascript解决方案需要使用文本框的名称，因此这远非理想或实用。尽管两种浏览器下的alt键代码组合仍会执行常规的制表符字符keypress事件，所以它们也不起作用。

我已经用AutoHotkey弄乱了一点，以获得此功能，而我发现的唯一“防弹”解决方案实际上是粘贴（而不是发送）制表符本身。

;
; TAB character
; pasted from clipboard
; win tab
;
#tab::
old_clip:=clipboard
clipboard:=A_Tab
clipWait
sendInput,^v
clipboard:=old_clip
clipWait
return

事实证明，此AHK绑定在处理TAB击键额外功能的文本编辑器中甚至很有用。例如。IDE配置为使用按空间自动缩进。

Tab Grabber有点像Tabinta，仅适用于Chrome（允许在textarea字段中使用TAB）。

使用jQuerry的虎斑猫！支持选择行并按下选项卡odr SHIFT TAB

http://www.herby.sk/trapped/bower_components/jquery-tabby/textarea.mirror.html

要在文本框中输入Tab键，可以使用如下脚本（将接受Tab键的文本框命名为txtLongText）：

[VB.NET]

txtLongText.Attributes.Add("onkeydown", _
"if(event.which || event.keyCode){if ((event.which == 9)" & _ 
"|| (event.keyCode == 9)) {document.getElementById('" & _ 
txtLongText.ClientID + "').selection = " & _
document.selection.createRange();" & _ 
txtLongText.ClientID & ".selection.text = " & _
" String.fromCharCode(9);return false;}} else {return true}; ")

[C＃]

txtLongText.Attributes.Add("onkeydown", 
"if(event.which || event.keyCode){if ((event.which == 9)" +
"|| (event.keyCode == 9)) {document.getElementById('"+
txtLongText.ClientID + "').selection = document.selection.createRange();" + 
txtLongText.ClientID + ".selection.text = String.fromCharCode(9);return false;}} else {return true}; ");

或者，为了避免进行硬编码，可以将这段代码放在名为的函数中EnableTabType。该函数只有一个参数，该参数指定TextBox在启用键入Tab字符所需的控件。

[VB.NET]

Public Sub EnableTabType(tb As TextBox)
    tb.Attributes.Add("onkeydown", _
    "if(event.which || event.keyCode){if((event.which == 9)" & _ 
    "|| (event.keyCode == 9)) {document.getElementById('" & _ 
    tb.ClientID & "').selection=document.selection.createRange();" & _
    tb.ClientID & ".selection.text = " & _
    " String.fromCharCode(9);return false;}}else{return true};")
End Sub 

[C＃]

public void EnableTabType(TextBox tb)
{ 
    tb.Attributes.Add("onkeydown", 
    "if(event.which || event.keyCode){if ((event.which == 9)" +
    "|| (event.keyCode == 9)) {document.getElementById('"+
    tb.ClientID + "').selection = document.selection.createRange();" +
    tb.ClientID + ".selection.text = String.fromCharCode(9);return false;}} else {return true}; ");
}

来源：http：//www.beansoftware.com/ASP.NET-Tutorials/Access-Tab-Key.aspx

或使用ahk在编辑器中插入4 *空格：

^Right::
tabspace:="    "
send,%tabspace%    
return 

您可以在ahk代码中查看代码详细说明