DOM

：

：

Window：dblclick イベント

　編集：2022.10.17 by T.A.

[Edge]。→、、

ウインドウ内でダブルクリックされたときに発行されます。

バブリング ¶あり
キャンセル可能 ¶はい
インターフェイス MouseEvent
イベント ハンドラー プロパティ ondblclick
例
click、dblclick イベント

HTML： 

<SPAN id=IdLog></SPAN>

JavaScript： 

function JobC(eve){  //click イベントの処理：
  D=eve;  //＝[object]：[object PointerEvent]。当文書の空白の所でダブルクリックをした。

詳細	//isTrusted＝[boolean]：true
	//pointerId＝[number]：1
	//width＝[number]：1
	//height＝[number]：1
	//pressure＝[number]：0
	//tiltX＝[number]：0
	//tiltY＝[number]：0
	//azimuthAngle＝[number]：0
	//altitudeAngle＝[number]：1.5707963267948966
	//tangentialPressure＝[number]：0
	//twist＝[number]：0
	//pointerType＝[string]：mouse
	//isPrimary＝[boolean]：false
	//getCoalescedEvents＝[function]：function getCoalescedEvents() { [native code] }
	//getPredictedEvents＝[function]：function getPredictedEvents() { [native code] }
	//screenX＝[number]：517
	//screenY＝[number]：337
	//clientX＝[number]：310
	//clientY＝[number]：262
	//ctrlKey＝[boolean]：false
	//shiftKey＝[boolean]：false
	//altKey＝[boolean]：false
	//metaKey＝[boolean]：false
	//button＝[number]：0
	//buttons＝[number]：0
	//relatedTarget＝[object]：null
	//pageX＝[number]：310
	//pageY＝[number]：1183
	//x＝[number]：310
	//y＝[number]：262
	//offsetX＝[number]：292
	//offsetY＝[number]：269
	//movementX＝[number]：0
	//movementY＝[number]：0
	//fromElement＝[object]：null
	//toElement＝[object]：null
	//layerX＝[number]：310
	//layerY＝[number]：1183
	//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]：click
	//target＝[object]：[object HTMLSpanElement]
	//currentTarget＝[object]：null
	//eventPhase＝[number]：0
	//bubbles＝[boolean]：true
	//cancelable＝[boolean]：true
	//defaultPrevented＝[boolean]：false
	//composed＝[boolean]：true
	//…


  IdLog.innerHTML=IdLog.innerHTML+"C ";  //表示。
}
function JobDC(eve){  //dblclick イベントの処理：
  DA=eve;  //＝[object]：[object MouseEvent]。当文書の空白の所でダブルクリックをした。

詳細	//isTrusted＝[boolean]：true
	//screenX＝[number]：517
	//screenY＝[number]：337
	//clientX＝[number]：310
	//clientY＝[number]：262
	//ctrlKey＝[boolean]：false
	//shiftKey＝[boolean]：false
	//altKey＝[boolean]：false
	//metaKey＝[boolean]：false
	//button＝[number]：0
	//buttons＝[number]：0
	//relatedTarget＝[object]：null
	//pageX＝[number]：310
	//pageY＝[number]：1183
	//x＝[number]：310
	//y＝[number]：262
	//offsetX＝[number]：291
	//offsetY＝[number]：269
	//movementX＝[number]：0
	//movementY＝[number]：0
	//fromElement＝[object]：null
	//toElement＝[object]：[object HTMLSpanElement]
	//layerX＝[number]：310
	//layerY＝[number]：1183
	//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
	//…


  IdLog.innerHTML=IdLog.innerHTML+"DC ";  //表示。
}
window.onclick=JobC;  //イベント割り当て。
window.ondblclick=JobDC;   //イベント割り当て。
テスト