Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Mengendalikan Peristiwa Klik Kanan dalam JavaScript?

Bagaimana untuk Mengendalikan Peristiwa Klik Kanan dalam JavaScript?

Susan Sarandon
Susan Sarandonasal
2024-11-14 13:07:02568semak imbas

How to Handle Right-Click Events in JavaScript?

Right Click Event Handling in JavaScript

While right-click is not a specific JavaScript event, it can be detected using existing mouse event handlers like 'mousedown', 'mouseup', or 'click'. However, these events are insufficient for identifying when the right-click menu appears.

For detecting that specific behavior, the 'oncontextmenu' event is more appropriate:

window.oncontextmenu = function() {
  showCustomMenu();
  return false; // cancel default menu
};

As for detecting the right mouse button itself, browsers provide an accessible property within the event object:

document.body.onclick = function(e) {
  let isRightMB;
  e = e || window.event;

  if ("which" in e) { // Gecko (Firefox), WebKit (Safari/Chrome) & Opera
    isRightMB = e.which == 3;
  } else if ("button" in e) { // IE, Opera
    isRightMB = e.button == 2;
  }

  alert("Right mouse button " + (isRightMB ? "" : " was not ") + "clicked!");
};

Additional Resources:

  • [window.oncontextmenu - MDC](https://developer.mozilla.org/en-US/docs/Web/API/Window/oncontextmenu)

Atas ialah kandungan terperinci Bagaimana untuk Mengendalikan Peristiwa Klik Kanan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn