jQuery 只允许在某些元素上使用上下文菜单

Question

// 这行得通 $(document).on('contextmenu', function() { 返回假； }); // 如果没有上面的代码，这也可以 $(document).on('contextmenu', '#special', function() { alert('#特殊右键'); });

我如何结合这两段代码，以便我可以禁用整个文档上的上下文菜单，除了 ID 为 #special 的那个。

Answer 1

$(document).on('contextmenu', function(e) {
    if (!$(e.target).is("#special"))
       return false;

    alert('#special right clicked');
    // you may want e.preventDefault() here
});

使用.is() method 可以让您测试点击的元素是否与任何选择器匹配，这基本上是您最初委托的.on() 调用在幕后所做的，但如果您要专门检查元素ID，它会更多有效率的说：

if (e.target.id != "special")
    return false;