javascript - 提交按钮上的 Internet Explorer 7 onclick 事件不会触发

Question

我有一个通过ajax提交到后端的表单，我正在用javascript编写一个通用禁用函数，我可以用它来设置元素的onclick。在浏览器中输入此内容，以便忽略以下任何语法错误。

function(elementID , processingText) {
    var element = document.getElementById(elementID);
    if (element) {
        element.setAttribute("onClick", "alert('test')");
    }
}

所以基本上该元素应该有一个 onclick 事件来设置警报。我可以确认 onclick 属性设置正确并且它在 IE8+、Chrome 和 Firefox 中触发。它不会在 IE7 中触发。

我正在测试的元素是表单中的提交按钮(页面上的一个表单)。它有许多字段和一个提交按钮。

编辑代码会分派(dispatch)一个操作，因此无论如何都应该提交，但要等到警报被确认后/编辑

过去两个小时我已经在网上搜索过了，以下解决方案不起作用或不是一个选项 -

向表单添加隐藏的输入字段。将提交按钮包装在标签中，并在此标签中设置 onclick。将 onclick 的大小写更改为 onClick

任何涉及在不使用 javascript 的情况下更改 html 的解决方案都不是一个选项，我正在尝试创建一个通用的 disableElement 函数。我可以将脚本定位在 IE7 上，这样它就不必在所有浏览器中工作，只需在 IE7 上工作。

任何帮助将不胜感激

Answer 1

IE7有很多兼容性问题，这只是其中之一。如果您正在编写需要与 IE7 兼容的 JavaScript，您最终将编写大量冗余代码，这些代码以两种不同的方式执行相同的操作，以满足您支持的不同浏览器的需求。

旧浏览器中的此类问题正是 jQuery 这样的库存在的原因。 jQuery 做了很多事情，但它做得非常好的一件事是消除了编写跨浏览器 javascript 时出现的许多令人讨厌的小怪癖。

近年来，跨浏览器问题变得不那么重要，因为现代浏览器(包括 IE)具有更好的标准支持，但如果您支持旧浏览器，特别是旧 IE 版本，我的建议是使用jQuery(或类似的库)，因为他们已经解决了这个问题，还有很多其他问题会让您陷入困境。

如果您确实使用 jQuery，您的代码将变为:

$(element).click(function() {alert('test');});

在有人指出之前，是的，我知道 OP 没有在问题中指定 jQuery，并且可能不需要 jQuery 答案，但在这种情况下，我会说这是可用的最佳答案，因为如果你不'如果不使用它，您最终将不得不自己编写 jQuery 中已有的大部分相同的兼容性代码。