ブラウザで書きかけの入力ボックスを「クリア(消去)」できる万能ブックマークレット | なにごとも経験!ツイッター&フェイスブックでつながる

なにごとも経験!ツイッター&フェイスブックでつながる

こちらのブログは WordPress で作成したオリジナルブログ( http://www.nanigoto.com/ )に移行しました!

ツイッターで入力ボックスにツイートを書き込んでいる途中で気に入らなくて最初から書きなおしたり、別のツイートを先に投稿したくなることはよくあります。


そこでツイッターの新旧公式サイトや HootSuite、Crowy、ついっぷるなど、クライアントごとにクリックひとつで入力ボックスをクリア(消去)できるブックマークレットを作成して、紹介してきました。

クリップ ツイッターの「クリア」ボタン

クリアしたあとで、やっぱり消したくなかったときはもう一度「クリア」ボタンをクリックすると元に戻せるので、結構、使えるはずです。


ところがツイッターの新サイトで複数の入力ボックスが使われるようになり、 Crowy でも各コラムごとに入力ボックスが設置されたため、個々の入力ボックスに対応するブックマークレットを別々に準備する気にはなれませんでした。


あれこれ考えているときに、ふと名案を思い付きました!

カーソルのある入力ボックスを指定してクリアすれば、クライアントに関係なく、各種ブラウザで万能に使える「クリア」ボタンができるはず!



検索してみると「 document.activeElement 」という書式でフォーカスの当たっている入力ボックスを指定できることがわかりました。


早速、これを使って万能「クリア」ボタンのスクリプトを作ってみました。

javascript:(function(){var box=document.activeElement;box.focus();if(box.value!=''){CLR=box.value;box.value='';}else{if(typeof(CLR)!=='undefined'){box.value=CLR;}else{CLR='';}}})();


これで見事、ツイッター公式サイトや HootSuite、ついっぷる、Crowy と各コラムの入力ボックスをクリアできることを確認できました。



※IE 7.0、8.0、Google Chrome 8.0、Firefox3.6、で確認しました。


このブックマークレットをドラッグ&ドロップでブックマークバーに追加するためのリンクは、先ほどのページに追加しておきました。

クリップ ツイッターの「クリア」ボタン

ツイッターに限らず、ブラウザ上のほとんどの入力ボックスをクリアできるので、とても便利です。


さらに拡張機能「Shortcut Manager」で、この「クリア」のブックマークレットを「F8」など、適当なキーに割り付けることで、さらに便利になります!

クリップ ブックマークレットをショートカットキーで実現する拡張機能

よかったら、お試しください!