ブラウザのテキストボックスにタブ文字を入力する

多くの場合、Webページのテキストボックス内のテキストを書式設定するには、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はあなたが本当にブラウザのタブのキーのデフォルトの動作を失いたくないので、あなたは、別のホットキーにタブ文字をマッピングすることができるということです。

ではInternet Explorerのあなたは私が知っブラウザ拡張の方法で解決策を持っていません。ここでの唯一の方法は、メモ帳などの他のプログラムからタブ文字をコピーして、クリップボードにタブ文字を保持することです。

javascriptソリューションには、アクションを実行するテキストボックスの名前が必要であるため、これは理想的でも実用的でもありません。両方のブラウザーでAltキーコードの組み合わせを使用しても、通常のタブ文字キー押下イベントが実行されるため、どちらも機能しません。

この機能を得るために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のtabbyを使用してください！行の選択をサポートし、odr SHIFT TABタブを押します

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

テキストボックスにタブキーを入力するには、次のようなスクリプトを使用できます（タブキーを受け入れるテキストボックスの名前は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文字の入力を有効にするために必要なコントロールを指定するパラメーターが1つだけあります。

[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コードでコードの詳細な説明を見ることができます