Heim > Web-Frontend > js-Tutorial > Wie kann ich mit jQuery zwischen linken, mittleren und rechten Mausklicks unterscheiden?

Wie kann ich mit jQuery zwischen linken, mittleren und rechten Mausklicks unterscheiden?

Linda Hamilton
Freigeben: 2024-12-08 11:50:12
Original
408 Leute haben es durchsucht

How Can I Distinguish Between Left, Middle, and Right Mouse Clicks Using jQuery?

Identifizieren des Mausklicktyps in jQuery

In JavaScript ist das Erhalten von Klicks mit jQuery unkompliziert, aber die Unterscheidung zwischen linken und rechten Mausklicks erfordert zusätzliche Schritte Überlegung.

Um beide Klicks zu erfassen, stellt jQuery den Click-Event-Handler bereit. Allerdings wird nicht zwischen den Schaltflächen unterschieden.

Ereignisnormalisierung mit event.which

Wie dokumentiert normalisiert event.which seit jQuery Version 1.1 Ereigniscodes in allen Browsern .3. Es liefert einen konsistenten Wert:

  • 1: Linke Maustaste
  • 2: Mittlere Maustaste
  • 3: Rechte Maustaste

Verwenden von event.which zur Klickdifferenzierung

Wenn wir dies nutzen, können wir es nutzen event.which zur Unterscheidung zwischen Klicks:

$('#element').mousedown(function (event) {
  switch (event.which) {
    case 1:
      console.log('Left Mouse button pressed.');
      break;
    case 2:
      console.log('Middle Mouse button pressed.');
      break;
    case 3:
      console.log('Right Mouse button pressed.');
      break;
    default:
      console.log('Unidentified Mouse button pressed.');
  }
});
Nach dem Login kopieren

Mit dieser Implementierung können Sie jetzt linke, mittlere und rechte Mausklicks basierend auf ihren jeweiligen event.which-Werten verarbeiten.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery zwischen linken, mittleren und rechten Mausklicks unterscheiden?. 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