【jQuery】トリプルクリックのトリガーを実装する。

めも。

まずは下記Gitリポジトリからソースをダウンロード。

https://github.com/richadams/jquery-tripleclick

次にスクリプトファイルの読み込み。

<script type="text/javascript" src="/tripleclick.js"></script>

そして下記のようにイベントをバインドしてやればOK。

■HTML

<span class="target">Click!</span>

■Javascript

<script>
$('.target').on('tripleclick', function() {
    alert('ok');
});
</script>

.bind()メソッドを用いた実装も可能。また3回クリックするまでのタイムアウト時間も設定可能なため柔軟な対応が可能。

更なる詳細は同梱されているREADME.mdを参照されたし。