ITエンジニア/デザイナ向けにオープンソースを毎日紹介

あらこれ素敵。スマートフォンでは文字の入力が面倒で、さらに言えば文字を消すのすら面倒だったりします。もう入力されている文字を一気に全部消したいと言う時はテキストボックス右側にある×ボタンを押すと全部消してくれます。これは意外と便利です。

ある環境において便利なものは他の環境において便利である可能性は高いです。そこでデスクトップブラウザ環境でも同様の操作を可能にするのがAdd Clearです。

Add Clearの使い方

Add ClearはjQueryプラグインなのでコードは以下のようになります。

$(function(){
  $("input").addClear();
});

そうするとテキストボックスに文字を入力するとこのように×ボタンが表示されるようになります。
そうするとテキストボックスに文字を入力するとこのように×ボタンが表示されるようになります。

×ボタンを押すと入力している文字列が消えます。この×は文字であり、画像は使っていません。

ボタンの配置や押した時のコールバックを受け取ることもできます。プログラマやコンピュータ操作に慣れた人はキーボードで操作できるかも知れませんが、慣れていない人にとっては便利そうです。またスマートフォンやタブレットからデスクトップに移ってきた人はAdd Clearの自然に感じるかも知れませんね。

Add ClearはjQuery/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

Add Clear - jQuery Plugin - Demo

skorecky/Add-Clear

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2