作成
textareaでタブを使用する方法
HTMLのtextareaでタブを使える方法を紹介します。JavaScriptとCSSを使用します。 ####source (javascript) $(function(){ $("textarea").keydown(function(e){ if (e.keyCode === 9) { e.preventDefault(); var elem = e.target; var val = elem.value; var pos = elem.selectionStart; elem.value = val.substr(0, pos) + '¥t' + val.substr(pos, val.length); elem.setSelectionRange(pos + 1, pos + 1); } }); }); ####comment これだけだとタブサイズが8文字分になると思いますので、CSSで4文字分にします。 ####source (css) textarea{ -o-tab-size: 4 ; /* Opera Mini */ -moz-tab-size: 4 ; /* Firefox */ tab-size: 4 ; }
wakatta 記法
投稿の仕方
基本的な記法
エンジニア向け記法
記法のサンプル
このコンテンツを見る