Maison > interface Web > js tutoriel > le corps du texte

Comment détecter les clics droits en JavaScript ?

Susan Sarandon
Libérer: 2024-11-10 13:40:02
original
248 Les gens l'ont consulté

How to Detect Right-Clicks in JavaScript?

Événement de clic droit JavaScript

Est-il possible de détecter les clics droits en JavaScript ? Oui, vous pouvez utiliser des événements de souris JavaScript tels que « mousedown » ou « mouseup » pour détecter les clics droits. Cependant, si vous souhaitez suivre l'ouverture du menu contextuel, vous devrez plutôt utiliser « oncontextmenu ».

Détection des événements de clic droit avec la souris

Pour détecter les clics droits à l'aide d'événements de souris, vérifiez les propriétés « which » ou « button » de l'objet « événement » dans la fonction de gestion des événements :

document.body.onclick = function (e) {
    var 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!");
} 
Copier après la connexion

oncontextmenu Event for Right- Cliquez sur Menu

L'événement 'oncontextmenu' se déclenche lorsque le menu contextuel s'ouvre, que la souris ou le clavier ait été utilisé. Pour utiliser cet événement, attribuez simplement une fonction comme gestionnaire :

window.oncontextmenu = function ()
{
    showCustomMenu();
    return false;     // cancel default menu
}
Copier après la connexion

En combinant les événements « souris » et « oncontextmenu », vous pouvez gérer efficacement les interactions par clic droit en JavaScript.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal