jQuery 方法在 IE 上失败

Question

我有这个方法：

function replaceRightClickIcefacesMethod() {
    var oldName = jQuery(".singlePaneOfGlassBlock").attr("oncontextmenu");
    oldName = oldName.replace('Ice.Menu.contextMenuPopup', 'contextMenuPopupUpdated');
    alert(oldName);
    jQuery(".singlePaneOfGlassBlock").attr("oncontextmenu", oldName);
}

在 Chrome 或 FF 上运行良好。 但是在 IE 上，我收到了这样的抱怨：

对象不支持该属性或方法

它把我指向第三行..

你有什么解决办法吗？

Ps：我使用的是最新版本的 jQuery (1.6)

更新：

我也试过：

var oldName = jQuery(".singlePaneOfGlassBlock")[0].getAttribute('oncontextmenu');

但 IE 仍然存在同样的问题

Answer 1

这是 IE 8 之前的 Internet Explorer 版本的问题。attr() 映射到 getAttribute 用于事件处理程序，但较旧的 IE 有一个错误导致 getAttribute 只返回 DOM 属性值而不是属性字符串.

我想不出办法，除了在 IE 中解析 outerHTML 字符串，你真的不想这样做:-)

对于所有浏览器，最好的方法是首先使用 jQuery bind 来处理事件：

$(".singlePaneOfGlassBlock").bind("contextmenu", contextMenuPopupUpdated);

然后在需要时切换到不同的函数（unbind，然后再次bind）：

function replaceRightClickIcefacesMethod() {
    $(".singlePaneOfGlassBlock").unbind().bind("contextmenu", function () {
        Ice.Menu.contextMenuPopup();
    });
}

---

如您所见，您可以使用getAttributeNode() 来获取节点的字符串值。为了设置属性，您必须在分配之前从字符串创建一个函数。一个简单的方法可能是：

function replaceRightClickIcefacesMethod() {
    var elem = jQuery(".singlePaneOfGlassBlock"),
        oldName = elem.attr("oncontextmenu"),
        fn = String;

    if (typeof oldName == "function")
        oldName = elem[0].getAttributeNode("oncontextmenu").value,
        fn = Function;

    oldName = oldName.replace('Ice.Menu.contextMenuPopup', 'contextMenuPopupUpdated');
    alert(oldName);
    elem[0].setAttribute("oncontextmenu", fn(oldName));
}

如果原始类型是字符串，这会将字符串传递给String，这不会产生任何实际影响，但是如果原始类型是函数，则将生成的字符串传递给Function，然后再设置为新的属性的值。

Answer 2

我能够像这样将它作为字符串而不是函数（就像在 IE 中一样）获取：

var oldName = jQuery(".singlePaneOfGlassBlock")[0].getAttributeNode("oncontextmenu").value;