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

检测鼠标中键点击事件jQuery

2 个答案: