DOM

Window:contextmenu イベント

 編集:2022.10.28 by T.A.

[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);

addEventListener()


テスト