» [jQuery] タブを挿入できるテキストエリア AIDREAM

概要 テキストエリア内のカーソル位置を取得し、そこにタブを挿入する。 Tabキーでのカーソル移動を無効化する。 jQuery 1.9 を使用。 HTML JavaScript ※ 以下のソースコードの前に jQuery 1.9 を読み込んでください。 $(function(){ $(".tab-indent").keydown(function(e){ // キーコードが Tabキー押下時と一致した場合 if (e.which == 9 || e.keyCode == 9) { // 文章の先頭からカーソル位置までの文字数を取得 var current_position = this.selectionStart; // カーソル位置から最後までの文字数を取得 var end_position = this.selectionEnd; // 先頭からカーソル位置までの文字列を取得 var