检测鼠标中键点击事件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

为了使其在 Firefox (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;
});