Phát hiện sự kiện nhấp chuột giữa jQuery

Question

Tôi muốn hiển thị hộp thoại jQuery-UI dưới dạng cửa sổ bật lên khi người dùng nhấp vào nút chuột trái hoặc nút giữa. Nó hoạt động cho nhấp chuột trái (tôi nhận được hộp cảnh báo và sau đó bật lên) nhưng không hoạt động ở giữa (không phải hộp cảnh báo hay cửa sổ bật lên). Tôi đang thiếu gì?

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

Answer 1

Sử dụng mousedown hoặc mouseup thay vì click. Và (trừ khi bạn đang sử dụng một phiên bản rấtcũ của jQuery) sử dụng .on() thay vì .live():

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

... nơi lý tưởng bạn muốn sử dụng một yếu tố phụ huynh gần gũi hơn với các liên kết hơn document.

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

Answer 2

Để có được điều này làm việc hoàn toàn trong Firefox (40.0.3), tôi đã phải thực hiện .on('mouseup', fn), như sau:

$(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; 
});