Auslösen onclick Ereignis mit der mittleren Maustaste

Question

Ich verwende das onclick Ereignis einer Hash-Verknüpfung, um eine <div> als Popup zu öffnen. Aber der mittlere Klick löst das onclick Ereignis nicht aus, aber nimmt nur den href Attributwert des Links und lädt die URL in einer neuen Seite. Wie kann ich den mittleren Klick verwenden, um das <div> als Popup zu öffnen?

Answer 1

Die Antwort von beggs ist korrekt, aber es klingt so, als ob Sie die Standardaktion des mittleren Klicks verhindern möchten. In diesem Fall sind die Standardaktion des Ereignisses die folgenden

$("#foo").on('click', function(e) { 
    if(e.which == 2) { 
     e.preventDefault(); 
     alert("middle button"); 
    } 
}); 

preventDefault() stoppt.

Answer 2

können Sie

event.button

verwenden geklickt, welche Maustaste wurde zu identifizieren.

Gibt einen ganzzahligen Wert zurück, der die Schaltfläche angibt, die den Status geändert hat.

• 0 für Standard 'Klick', in der Regel linke Taste
• 1 für mittlere Taste, in der Regel Rad-Klick
• 2 für die rechte Taste, in der Regel der rechte Maustaste

Beachten Sie, dass diese Konvention wird nicht im Internet Explorer verfolgt: siehe QuirksMode für Details.

Die Reihenfolge der Schaltflächen hängt davon ab, wie das Zeigegerät konfiguriert wurde.

Lesen Sie auch

Which mouse button has been clicked?

Es gibt zwei Eigenschaften out für die Suche, die Maustaste geklickt wurde: der und Taste. Bitte beachten Sie , dass diese Eigenschaften nicht immer auf einem Klick-Ereignis arbeiten. Um sicher eine eine Maustaste zu erkennen, müssen Sie die mousedown oder mouseup Ereignisse verwenden.

Answer 3

jQuery ein .which Attribut für das Ereignis, das nach rechts, wie 1, 2, 3. In diesem Fall möchten Sie 2.

Verwendung der Klick-Taste ID von links gibt:

$("#foo").live('click', function(e) { 
    if(e.which == 2) { 
     alert("middle button"); 
    } 
}); 

Adamantium Antwort wird auch funktionieren, aber Sie müssen für IE aufpassen, wie er bemerkt:

$("#foo").live('click', function(e) { 
    if((!$.browser.msie && e.button == 1) || ($.browser.msie && e.button == 2)) { 
    alert("middle button"); 
    } 
}); 

auch die 0.123.Attribut ist 0-indiziert nicht 1-indexiert wie .which.

Answer 4

Die richtige Methode ist .on zu verwenden, da .live ist veraltet und dann von jQuery entfernt:

$("#foo").on('click', function(e) { 
    if(e.which == 2) { 
     e.preventDefault(); 
     alert("middle button"); 
    } 
}); 

Oder wenn Sie die „live“ wie Gefühl und #foo wollen, ist nicht auf Ihrer Seite auf Dokument Start:

$(document).on('click', '#foo', function(e) { 
    if(e.which == 2) { 
     e.preventDefault(); 
     alert("middle button"); 
    } 
}); 

original answer

Answer 5

Ich weiß, dass ich zu spät zur Party bin, aber für diejenigen, die immer noch Probleme mit dem mittleren Klick haben, überprüfen Sie, ob Sie das Event delegieren. Im Falle einer Delegierung wird das Ereignis click nicht ausgelöst. Vergleichen:

Dies funktioniert für mittlere Klicks:

$('a').on('click', function(){ 
    console.log('middle click'); 
}); 

Dies funktioniert nicht für mittlere Klicks:

$('div').on('click', 'a', function(){ 
    console.log('middle click'); 
}); 

Wenn Sie immer noch in der Mitte klicken mit verfolgen, müssen Ereignisdelegation, die einzige Möglichkeit, wie in der entsprechenden jQuery ticket angegeben, ist mousedown oder 01 zu verwendenstattdessen. Wie so:

Dies funktioniert für delegierte Mitte Klicks:

$('div').on('mouseup', 'a', function(){ 
    console.log('middle click'); 
}); 

See it online here.

Answer 6

Diese Frage ist ein bisschen alt, aber ich fand eine Lösung:

$(window).on('mousedown', function(e) { 
    if(e.which == 2) { 
     e.preventDefault(); 
    } 
}); 

Chrome nicht feuern "klicken Sie auf" Ereignis für das Mausrad

Arbeit in FF und Chrome

Answer 7

ich in der Regel hasse es, wenn Leute Alternativen anstelle von Lösungen anbieten, aber da bereits Lösungen bereitgestellt wurden, werde ich meine eigene Regel brechen.

Websites, auf denen die Funktion zum mittleren Klicken überschrieben wird, neigen dazu, mich wirklich zu stören. Normalerweise klicke ich mit der mittleren Maustaste, weil ich den neuen Inhalt in einem neuen Tab öffnen möchte, während ich den aktuellen Inhalt ungehindert sehen kann. Immer wenn Sie die Funktion für den mittleren Klick allein lassen und den relevanten Inhalt über das HREF-Attribut des angeklickten Elements verfügbar machen können, sollten Sie davon ausgehen, dass Sie dies tun sollten.