Sep. 10th,2021
＃
“ondblclick”イベントハンドラ
| イベント名 | “dblclick”イベント |
| インターフェース | “PointerEvent”インターフェース |
| バブリング | Yes |
| キャンセル | Yes |
“ondblclick”イベントハンドラは要素がポインタ・デバイスのダブルクリックされた時に発生する“dblclick”イベントを処理するためのイベントハンドラです。
“dblclick”イベントはポインタ・デバイスで要素が指し示されている時にポインタ・デバイスのメインのボタンが2回クリックされた時に発生します。何をもってダブルクリックとするかはデバイスの設定に依ります。
“dblclick”イベントは“mouseup”イベントと“click”イベントよりも後に発生します。
“ondblclick”イベントハンドラはすべてのHTMLの要素でコンテント属性とIDL属性として使用できます。また、すべての“Document”オブジェクトと“Window”オブジェクトでIDL属性として使用できます。
＃
サンプルコード
IDL属性
var count = 0;
document.getElementById("sampleElement").ondblclick = function() {
count++;
document.getElementById("counterNumber").innerHTML = count;
};
<div id="sampleElement">♪</div>
<p>イベントの発生回数：<output id="counterNumber">0</output>回</p>
♪
イベントの発生回数：回
コンテント属性
var count = 0;
function counter(){
count++;
document.getElementById("counterNumber").innerHTML = count;
};
<div ondblclick="counter();">♪</div>
<p>イベントの発生回数：<output id="counterNumber">0</output>回</p>
♪
イベントの発生回数：回
＃
