jquery事件机制扩展插件 jquery鼠标右键事件。

以下是 jQuery 事件机制扩展插件和鼠标右键事件的详细攻略。

jQuery事件机制扩展插件

在 jQuery 事件机制中，事件通常分为三个阶段：捕获阶段、目标阶段和冒泡阶段。然而，并不是所有的事件都支持这三个阶段，有些事件只支持一个或两个阶段。但是我们可以通过扩展 jQuery 的事件机制来支持更多的阶段或自定义事件。

扩展单个元素的事件机制

我们可以通过在元素上使用 $.fn.extend() 方法来为单个元素扩展事件机制。下面是一个简单的 click 事件扩展的例子：

$.fn.extend({
  click2: function(handler) {
    return this.on('click2', handler);
  }
});

$(document).ready(function() {
  $('button').click2(function() {
    alert('Hello, World!');
  });
});

上面的例子中，通过 $.fn.extend() 方法，为 button 元素添加了新的 click2 事件，并在函数中使用 on() 方法指定了事件的处理函数。使用方式与原有的 click 事件相同。

扩展多个元素的事件机制

除了扩展单个元素的事件机制，我们也可以扩展多个元素的事件机制，只需要在 jQuery.fn 命名空间中添加相应的方法即可。以下是一个示例：

$.fn.extend({
  click3: function(handler) {
    return this.each(function() {
      $(this).on('click3', handler);
    });
  }
});

$(document).ready(function() {
  $('button').click3(function() {
    alert('Hello, World!');
  });
});

上面的例子中，通过在 $.fn 命名空间中添加 click3 方法，然后在方法中使用 each() 方法为每个选中的元素添加事件。这样，我们就可以为多个元素扩展事件机制。

jQuery鼠标右键事件

默认情况下，jQuery 只支持鼠标的左键和中键事件，而不支持右键事件。但是我们可以通过在元素上绑定 mousedown 事件，并通过判断鼠标按下的键是否是右键，来模拟右键事件。以下是一个示例：

$(document).on('mousedown', function(e) {
  if (e.button === 2) {
    alert('Right Mouse Button Clicked!');
  }
});

上面的例子中，通过在 document 上绑定 mousedown 事件，并在事件处理函数中判断鼠标按下的键是否为右键。如果是右键，弹出提示框。这样就实现了简单的右键事件。如果想要更进一步的扩展，可以使用 jQuery 自定义事件，来模拟鼠标右键事件。

$.event.special.rightclick = {
  bindType: "mousedown",
  delegateType: "mousedown",
  handle: function(event) {
    if (event.button === 2) {
      event.type = "rightclick";
      $.event.dispatch.apply(this, arguments);
      return true;
    }
    return false;
  }
};

$(document).on('rightclick', 'button', function() {
  alert('Right Mouse Button Clicked!');
});

上面的例子中，我们首先创建了一个自定义事件 rightclick，然后在事件处理函数中判断鼠标按下的键是否为右键，如果是右键，将事件类型置为 rightclick，然后调用 $.event.dispatch() 方法来触发自定义事件。

最后，我们在按钮上绑定 rightclick 事件，并在事件处理函数中弹出提示框。这样，我们就可以通过 jQuery 来模拟鼠标右键事件了。