正在检测鼠标中键单击事件jQuery

Question

我想显示一个jQuery-UI对话框，当用户单击鼠标左键或中间键时弹出一个对话框。它适用于左键单击(我得到警告框，然后弹出)，但不适用于中间(既不警告框，也不弹出)。我遗漏了什么？

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

Answer 1

使用mousedown或mouseup而不是click。并且(除非您使用的是非常旧的jQuery版本)使用.on()而不是.live()

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

理想情况下，您应该使用比document更靠近链接的父元素。

演示：http://jsfiddle.net/7S2SQ/

Answer 2

为了让它在火狐(40.0.3)中完全工作，我必须实现.on('mouseup', fn)，如下所示：

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