textareaでタブスペースを入力できるようにする

プログラムを書く人にとってはインデントするために必要なタブスペースですが、ブラウザ上でのタブキーの役割はフォーカス移動なので、デフォルト状態ではタブスペースを入力できません。

入力できるようにするサンプルを作成しました。

起動画面



適当な文字を入力して



tabキーを押すとタブスペースが挿入されます。



文字列を選択して



タブキーを押すと選択中の各行にタブが挿入されます。



shiftキーを押したながらタブキーを押すと逆にタブスペースが減ります。



以下ソース