Maison >interface Web >js tutoriel >Comment gérer les événements de clic droit en JavaScript ?

Comment gérer les événements de clic droit en JavaScript ?

Susan Sarandon
Susan Sarandonoriginal
2024-11-14 13:07:02662parcourir

How to Handle Right-Click Events in JavaScript?

Gestion des événements de clic droit en JavaScript

Bien que le clic droit ne soit pas un événement JavaScript spécifique, il peut être détecté à l'aide des gestionnaires d'événements de souris existants comme « mousedown », « mouseup » ou « clic ». Cependant, ces événements sont insuffisants pour identifier le moment où le menu contextuel apparaît.

Pour détecter ce comportement spécifique, l'événement 'oncontextmenu' est plus approprié :

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

Quant à la détection du bouton droit de la souris lui-même, les navigateurs fournissent une propriété accessible dans l'objet événement :

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

Supplémentaire Ressources :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn