Androidでのパスワード入力時の
インターフェースをWeb上で再現
するjQueryプラグイン・DontType
のご紹介。マウスのみでパスを
入力するのでDontType!な訳です
ね。IEには完全に非対応ですが、
なかなかユニークなプラグインです。
土曜日なのでややネタ的。IEは完全非対応(canvas使ってるようです)、といっても、通常のパスワード入力になるだけなのでモダンブラウザの方だけ楽しめます(?)。
DontType!
こんな感じ。Androidユーザーの方なら分かりますよね。僕は持ってないので画像検索しましたw
丸い部分をマウスでクリックしてパスワードを入力するのでタイプする必要がないんですね。
使い方
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script type="text/javascript" src="dontType.js"></script>
jQueryとプラグインを読み込みます。
$(function(){ $('#passwordField').dontType();
その後に上記のような設定をするだけ。
<label for="password">Passwort</label> <input type="password" name="password" id="passwordField" />
マークアップは普通です。
ライセンスはMITです。デモがありますので触ってみては如何でしょう。