click, dblclick イベントを排他的に扱う

概要

ダブルクリックすると通常、click -> click -> dblclick の順にイベント処理されます。
このスクリプトは、一定時間内のダブルクリックでダブルクリック処理だけを走らせます。

動作

• クリック
  一定時間後にクリック処理する。
• ダブルクリック
  即座にダブルクリック処理だけを行う。(*1)
• トリプルクリック
  ダブルクリック処理だけを行う。(*1)

(*1) IE8 は DOM L3 Events 規定の UIEvent.detail (クリック回数を参照するプロパティ) に対応しないので、一部余計な処理が走ります。

サンプル

クリックしてください

参考URL

DOM Level 2

• insertBefore - DOM L2 Core
• createDocumentFragment - DOM L2 Core
• インタフェースEventListener - DOM L2 Events

DOM Level 3

• dblclick - DOM L3 Events
• UIEvent - DOM L3 Events

WAI-ARIA

• WAI-ARIA 1.0
• aria-busy - WAI-ARIA 1.0 (ja)

その他

• HTML:Tableタグに対し、JavaScriptで動的にイベントを | OKWave