1

我正在开发一个用例，一旦用户选中/取消选中复选框，就需要采取一些行动。

例子：

函数片段：

<script>
function toggleAgreement(event) {
if(event.target == 'some pre-defined ID') {
//do action;
}
</script>

问题：

此功能在 Firefox/Chrome 中运行良好，即使在 IE9 中也能正常运行。只是在 IE-7/8 中，它不起作用。

在观察 IE 脚本控制台时，这些错误显示在 --> bodyOnload 上（不是当我触发这个特定复选框时）。

“对象不支持属性或方法 'querySelectorAll'” iframe.html，行 x 字符 y

单击此链接时，我会看到：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=utf-8" http-equiv=Content-Type></HEAD>
<BODY></BODY></HTML>

我研究并发现应该使用 Jquery 的方式是： "document.querySelectorAll('.className')"

问题是，即使这个问题在 IE9 中普遍存在，为什么它不会抛出上述错误？

4

2 回答 2

1

event.target 与 IE 不兼容。试试这个（它是跨浏览器兼容的）：

<script>
    function toggleAgreement(event) {
        var evt = e || window.event; // this assigns evt with the event object
        var current = evt.target || evt.srcElement; // this assigns current with the event target
        if(current == 'some pre-defined ID') {
            //do action;
        }
    }
</script>
于 2013-05-27T12:47:55.537 回答
0

你可以使用jQuery吗？它使处理事件变得更加容易（对于早期的 IE 版本支持，必须采用 1.x 版本）。使用 jQuery 就很简单：

$("#myCheckbox").click(function() {
   if ($(this).is(":checked")) {
     // Do whatever you want
   }
});

不再需要使用“事件目标”，单击的复选框在提供的“$(this)”对象中可用。但它是可用的，如果你需要的话。

于 2013-05-27T12:39:59.793 回答