ブラウザで好きなページのHTMLのtextareaをタブTABキー入力可能モードにするブックマークレット

(c)GoogleCustomSearch

HTMLのTextAreaは便利ですがTABキーを押すと次のコントロールまでジャンプしてしまいます。プログラムコード等を入力する時などはタブを多用しますのでこれは不便です。ブラウザ単体でこれを解決する手段は2013年時点ではありません。

このベージで紹介するbookmarkletを使用することで任意のページでタブキーを入力できる状態にすることができます。

使用方法

1.下記のリンクを開かずにブラウザのブックマークバーにドラッグしてください。

TAB入力モード

2.タブキーを入力したいTextAreaがあるページで上記でできたブックマークをクリックします。

使用前には念のためTextAreaの編集内容をバックアップしておいてください。問題が発生しても一切責任を持ちません。

プログラムコード

javascript:void((function(){var ts=document.getElementsByTagName('textarea');
for(var i=0;i<ts.length;i++)ts[i].addEventListener('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);}});})())

hokaccha.hamalog v2さんのHTML埋め込み用のコードを参考にブックマークレット化させて頂きました。

動作確認ブラウザ

この記事を見た人がよく読んでいる記事

カナシスコム > 節約テクノロジ > ブラウザで好きなページのHTMLのtextareaをタブTABキー入力可能モードにするブックマークレット