JavaScriptを使用しているテキストエリアにタブを追加する

私のテキストエリアには、（\t）文字を使用したいと思います。ただし、TABキーは次のフォーム要素に循環します。これが期待されるので、私はその標準を破りたくはありません。同様に、CTRL + TABはブラウザのタブを循環させます。テキストエリア内に実際にTABを入力できるようにするための推奨キーコンボはありますか？JavaScriptを使用しているテキストエリアにタブを追加する

たとえば、CTRL + SPACEは何もしていないようですが、それを使用できますか？

また、これらのコンボを正しく聞くにはどうすればよいですか？

出典

2012-03-30 Xeoncross

これを試しましたか？しかし、真剣に、ユーザーとして、私はその行動が非常に迷惑なことがわかります。https://github.com/jeresig/jquery.hotkeysこの動作は、テキスト領域では「期待」ではありません。 –

@KenThompson、それがポイントです。私はユーザーに影響を与えない未使用のコンボを見つけたいと思っています。 – Xeoncross

ユーザーはTabキーを押して、テキスト領域のタブ（またはスペース）を入力すると考えます。それがあなたが達成しようとしているものなら、それのためのプラグインは必要ありません。伝播を防ぐだけです。 googleの "テキスト領域のタブを許可する"と答えが見つかります。 TABを別の要素に移動させようとしていたように、あなたの質問は妥当なものになりました。また、異なる組み合わせを使用する（そして暗記する）ことをユーザーに要求しません。それは私が迷惑をかけるものです。 –

これは私がフォーカスを切り替えからTABを維持するためにテキストエリアに使用したコードです：

$("textarea").keydown(function(e) { 
    var $this, end, start; 
    if (e.keyCode === 9) { 
    start = this.selectionStart; 
    end = this.selectionEnd; 
    $this = $(this); 
    $this.val($this.val().substring(0, start) + "\t" + $this.val().substring(end)); 
    this.selectionStart = this.selectionEnd = start + 1; 
    return false; 
    } 
});

出典

2012-03-30 22:12:08

こんにちは、ケントンプソン、説明してください、あなたは 'this.selectionStartとは何ですか？とthis.selectionEnd; '??私はこの声明について少し混乱しています。 –

これは基本的にカーソル位置を特定します（何も実際に選択されていないと仮定します）。 https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElementをご覧ください。 –