Heim  >  Artikel  >  Web-Frontend  >  Wie gehe ich mit Rechtsklick-Ereignissen in JavaScript um?

Wie gehe ich mit Rechtsklick-Ereignissen in JavaScript um?

Susan Sarandon
Susan SarandonOriginal
2024-11-14 13:07:02568Durchsuche

How to Handle Right-Click Events in JavaScript?

Rechtsklick-Ereignisbehandlung in JavaScript

Während Rechtsklick kein spezifisches JavaScript-Ereignis ist, kann es mit vorhandenen Maus-Ereignishandlern erkannt werden wie „mousedown“, „mouseup“ oder „click“. Diese Ereignisse reichen jedoch nicht aus, um zu erkennen, wann das Rechtsklick-Menü erscheint.

Um dieses spezifische Verhalten zu erkennen, ist das Ereignis „oncontextmenu“ besser geeignet:

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

Was das Erkennen betrifft Mit der rechten Maustaste selbst stellen Browser eine zugängliche Eigenschaft innerhalb des Ereignisobjekts bereit:

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!");
};

Zusätzlich Ressourcen:

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

Das obige ist der detaillierte Inhalt vonWie gehe ich mit Rechtsklick-Ereignissen in JavaScript um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn