ダブルクリックイベントを取得するには、ondblclickイベントハンドラを使用します。
サンプルソース
例）ボタンをダブルクリックするとアラートを表示する
|
1 2 3 |
function myFnc(){ alert("ダブルクリックされました。"); } |
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <script src="sample.js"></script> </head> <body> <input type="button" value="ボタン" ondblclick="myFnc();"> <div ondblclick="myFnc();">ここもダブルクリックできます。</div> </body> </html> |
実行サンプル
↓ダブルクリックすると、アラートが表示されます。
↓divタグにondblclickを設定することもできます。
ここもダブルクリックできます。
解説
- divタグやアンカーや画像など、ボタンでなくてもonDblClickを設定できます。