iPhone/iPadでダブルタップが利用できるjQueryプラグイン「jquery.event.dblTap.js」
iPhone/iPadでダブルタップをJavaScriptで実装するで紹介してたダブルタップの実装方法をjQueryプラグインにしてみました。
利用方法
jQuery本体とjquery.event.dblTap.jsをhead要素などで読み込みます。
<script src="jquery-.min.js"></script>
<script src="jquery.event.dblTap.js"></script>
後は「dblTap」をbindするとdblTapイベントが実装できます(クリックにも反応するようにしています)。
$("button").bind("dblTap",function(){
alert("duble tap");
})
初期設定では500ミリ秒以内にタップされたらダブルタップと判定してますが、次のように設定を変更することも可能です。
jQuery.event.special.dblTap.delay = 300;
$("button").bind("dblTap",function(){
alert("duble tap");
})
関連エントリー
jQueryでiPhone/iPadの向きを検出する
iPhone/iPadでPCと同じJavaScriptのイベントを実装する
PC用とiPhone用のサイトを切り替える.htaccess
iPhone用CSSをメディアクエリで分岐する問題点
jQuery基礎文法最速マスター
スポンサードリンク
«Googleの検索結果に表示されるパンくずリストがmicrodataとRDFaに対応 | メイン | mixiチェックのチェックボタンを設置»