Heim > Web-Frontend > js-Tutorial > Wie erkennt man Rechtsklicks in JavaScript?

Wie erkennt man Rechtsklicks in JavaScript?

Susan Sarandon
Freigeben: 2024-11-10 13:40:02
Original
312 Leute haben es durchsucht

How to Detect Right-Clicks in JavaScript?

JavaScript-Rechtsklick-Ereignis

Ist es möglich, Rechtsklicks in JavaScript zu erkennen? Ja, Sie können JavaScript-Mausereignisse wie „mousedown“ oder „mouseup“ verwenden, um Rechtsklicks zu erkennen. Wenn Sie jedoch das Öffnen des Rechtsklick-Menüs verfolgen möchten, müssen Sie stattdessen „oncontextmenu“ verwenden.

Rechtsklick mit Mausereignissen erkennen

Um Rechtsklicks mithilfe von Mausereignissen zu erkennen, überprüfen Sie die „which“- oder „button“-Eigenschaften des „Ereignis“-Objekts in der Ereignisverarbeitungsfunktion:

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!");
} 
Nach dem Login kopieren

oncontextmenu Event for Right- Klicken Sie auf Menü

Das Ereignis „oncontextmenu“ wird ausgelöst, wenn das Rechtsklickmenü geöffnet wird, unabhängig davon, ob die Maus oder die Tastatur verwendet wurde. Um dieses Ereignis zu verwenden, weisen Sie einfach eine Funktion als Handler zu:

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

Durch die Kombination von „Maus“-Ereignissen und „oncontextmenu“ können Sie Rechtsklick-Interaktionen in JavaScript effektiv verarbeiten.

Das obige ist der detaillierte Inhalt vonWie erkennt man Rechtsklicks in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage