[Edge]。→、
ポインティング デバイスのボタン（マウスの第 1 ボタンなど) がダブル クリックされたとき、つまり、単一の要素上でとても短い時間内に素早く 2 回クリックされたときに発行されます。
dblclick は 2 回の click イベントの後（展開すると、2 組の mousedown および mouseup の後）に発生します。
| バブリング | あり |
|---|---|
| キャンセル | 可能 |
| インターフェイス | MouseEvent |
| イベント ハンドラー プロパティ | ondblclick |
この例では、カードをダブル クリックするたびに寸法が切り替わります。
HTML：
<aside> <h3>My Card</h3> <p>Double click to resize this object.</p> </aside>
JavaScript：
const card = document.querySelector('aside');
card.addEventListener('dblclick', function (e) {
card.classList.toggle('large');
});
HTML：
<SPAN id=IdTest>[SPAN要素。ここでマウスを操作してください…<B>[B要素]</B>テキスト<INPUT value="INPUT要素">]</SPAN><BR> <SPAN id=IdLog></SPAN><BR> <SPAN id=IdLog2></SPAN><BR>
JavaScript：
function Job(eve){ //clickイベントの処理：
D=eve; //＝[object]：[object MouseEvent]
詳細
//isTrusted＝[boolean]：true
//screenX＝[number]：373
//screenY＝[number]：271
//clientX＝[number]：166
//clientY＝[number]：196
//ctrlKey＝[boolean]：false
//shiftKey＝[boolean]：false
//altKey＝[boolean]：false
//metaKey＝[boolean]：false
//button＝[number]：0
//buttons＝[number]：0
//relatedTarget＝[object]：null
//pageX＝[number]：166
//pageY＝[number]：1648
//x＝[number]：166
//y＝[number]：196
//offsetX＝[number]：147
//offsetY＝[number]：25
//movementX＝[number]：0
//movementY＝[number]：0
//fromElement＝[object]：null
//toElement＝[object]：[object HTMLSpanElement]
//layerX＝[number]：166
//layerY＝[number]：1648
//getModifierState＝[function]：function getModifierState() { [native code] }
//initMouseEvent＝[function]：function initMouseEvent() { [native code] }
//view＝[object]：[object Window]
//detail＝[number]：2
//sourceCapabilities＝[object]：[object InputDeviceCapabilities]
//which＝[number]：1
//initUIEvent＝[function]：function initUIEvent() { [native code] }
//type＝[string]：dblclick
//target＝[object]：[object HTMLSpanElement]
//currentTarget＝[object]：null
//eventPhase＝[number]：0
//bubbles＝[boolean]：true
//cancelable＝[boolean]：true
//defaultPrevented＝[boolean]：false
//composed＝[boolean]：true
//timeStamp＝[number]：26451.39999961853
//srcElement＝[object]：[object HTMLSpanElement]
//returnValue＝[boolean]：true
//cancelBubble＝[boolean]：false
//…
let E=eve.target;
IdLog.innerHTML=E.tagName +"：pageX："+ eve.pageX +"、pageY："+ eve.pageY +"："+ eve.detail;
IdLog2.innerHTML=IdLog2.innerHTML +"●";
}
IdTest.ondblclick=Job;