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");
})

デモ2

関連エントリー

jQueryでiPhone/iPadの向きを検出する
iPhone/iPadでPCと同じJavaScriptのイベントを実装する
PC用とiPhone用のサイトを切り替える.htaccess
iPhone用CSSをメディアクエリで分岐する問題点
jQuery基礎文法最速マスター

スポンサードリンク

«Googleの検索結果に表示されるパンくずリストがmicrodataとRDFaに対応 | メイン | mixiチェックのチェックボタンを設置»