Rilevamento evento click del mouse centrale jQuery

Question

Desidero mostrare una finestra di dialogo jQuery-UI come popup quando l'utente fa clic sul pulsante sinistro del mouse o su quello centrale. Funziona per il clic sinistro (ricevo la finestra di avviso e poi il popup) ma non funziona per mezzo (né casella di avviso né popup). Cosa mi manca?

$('a.external').live('click', function(e){ 
    if(e.which <= 2) { 
    e.preventDefault(); 
    alert ("inside if"); 
    } 
    popUp.start(this); 
}); 

Answer 1

Usa mousedown o mouseup invece di click. E (a meno che non si sta utilizzando un molto vecchia versione di jQuery) utilizzano .on() invece di .live():

$(document).on("mousedown", "a.external", function(e) { 
    if(e.which <= 2) { 
     e.preventDefault(); 
     alert ("inside if"); 
    } 
    popUp.start(this); 
}); 

... dove idealmente devi usare un elemento padre molto più vicino al link che document.

Demo: http://jsfiddle.net/7S2SQ/

Answer 2

Per ottenere questo lavoro completamente in Firefox (40.0.3), ho dovuto implementare .on('mouseup', fn), come segue:

$(selector).on('mouseup', function (e) { 

    switch (e.which) 
    { 
     // Left Click. 
     case 1: 
      // By way of example, I've added Ctrl+Click Modifiers. 
      if (e.ctrlKey) { 
       // Ctrl+LeftClick behaviour. 
      } else { 
       // Standard LeftClick behaviour. 
      } 
      break; 

     // Middle click. 
     case 2: 
      // Interrupts "Firefox Open New Tab" behaviour. 
      break; 

     // Default behaviour for right click. 
     case 3: 
      return; 
    } 

    // Pass control back to default handler. 
    return true; 
});