[Edge]。→、、
ウインドウでユーザーの操作によりコンテキスト メニューが表示されるときに発行されます。
コンテキスト メニューは、マウスの右ボタン押下、またはキー(
)など押下のとき。
| バブリング | あり |
|---|---|
| キャンセル可能 | はい |
| インターフェイス | PointerEvent |
| イベント ハンドラー プロパティ | oncontextmenu |
HTML:
<SPAN id=IdTest1 contenteditable>SPAN要素1。ここで、または他で操作…</SPAN><BR> <SPAN id=IdLog></SPAN>
JavaScript:
function Job(eve){ //contextmenu イベントの処理:
D=eve; //=[object]:[object PointerEvent]。「JavaScript:」の所で右クリックした。
詳細
//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]:279
//screenY=[number]:315
//clientX=[number]:72
//clientY=[number]:240
//ctrlKey=[boolean]:false
//shiftKey=[boolean]:false
//altKey=[boolean]:false
//metaKey=[boolean]:false
//button=[number]:2
//buttons=[number]:0
//relatedTarget=[object]:null
//pageX=[number]:72
//pageY=[number]:1232
//x=[number]:72
//y=[number]:240
//offsetX=[number]:50
//offsetY=[number]:11
//movementX=[number]:0
//movementY=[number]:0
//fromElement=[object]:null
//toElement=[object]:null
//layerX=[number]:72
//layerY=[number]:1232
//getModifierState=[function]:function getModifierState() { [native code] }
//initMouseEvent=[function]:function initMouseEvent() { [native code] }
//view=[object]:[object Window]
//detail=[number]:0
//sourceCapabilities=[object]:[object InputDeviceCapabilities]
//which=[number]:3
//initUIEvent=[function]:function initUIEvent() { [native code] }
//type=[string]:contextmenu
//target=[object]:[object HTMLTableCellElement]
//currentTarget=[object]:null
//eventPhase=[number]:0
//bubbles=[boolean]:true
//cancelable=[boolean]:true
//defaultPrevented=[boolean]:false
//composed=[boolean]:true
IdLog.innerHTML=IdLog.innerHTML+"●"; //表示。
}
window.oncontextmenu=Job; //イベント割り当て。
//window.addEventListener('contextmenu', Job);