javascript - 如何在 chrome 和 firefox 中右键单击禁用/启用复选框

Question

我写了一些代码，允许我在右键单击复选框时禁用/启用它们。它适用于 IE，但不适用于 Chrome 或 Firefox。

rightClickFunc: function (e) 
{
    var obj;
    if ($.browser.msie) obj = event.srcElement;
    else obj = e.target;
    stuff.disableEnableObject(obj);
    return false;
},

disableEnableObject: function (o)
{
    if (o.getAttribute("disabled") == null)                
          $('#'+o.id).attr("disabled", "disabled");
    else  $('#'+o.id).removeAttr("disabled");
}

如何在 Chrome 中获得与 IE 相同的功能？问题似乎是右键单击 chrome 中的禁用项目确实会打开上下文菜单(右键单击菜单)。

我做了一个代码示例 - 请参阅 http://jsfiddle.net/e72M6/ .在 IE 和 chrome 中运行它以查看差异。 (IE 可以启用这些框，Chrome 不能)。

我希望其他浏览器具有与 IE 相同的功能。因此可以启用这些框。

Answer 1

根据规范，禁用的元素不应响应点击事件。

您要做的是在其上覆盖一个不可见的 (opacity: 0) 元素，并将其用作事件的代理。请记住，一些旧浏览器不理解 opacity。