javascript - 检测浏览器是否支持右键事件覆盖

Question

我正在使用上下文菜单 jQuery 插件，我需要检测哪些浏览器支持它。如何做到这一点？

我听说 Opera 和 Safari 的某些版本不支持这种右键覆盖业务。

Answer 1

您可以手动创建和触发上下文菜单事件。如果您设置了正确的处理程序，您可以检测该处理程序是否被调用。

这是一个示例(使用 jQuery 进行事件创建和观察):

function testContextMenuEvent() {
  var supported = false;
  function handler(e) {
    supported = true;
    e.stopPropagation();
  }
  $(document).bind('contextmenu', handler);
  var evt = jQuery.Event("contextmenu");
  $(document).trigger(evt);
  $(document).unbind('contextmenu', handler);
  return supported;
}

这是一个测试页面:http://jsfiddle.net/Hk4xA/6/

edit2:DOM 再次来袭。我忘记了 createEvent 在 IE 上完全不起作用。所以我也使用 jQuery 来创建事件。