IE 对触发 div onclick 事件感到困惑答案

【问题标题】：IE confused about triggering div onclick eventIE 对触发 div onclick 事件感到困惑
【发布时间】：2011-11-25 12:08:18
【问题描述】：

我在 Page1、2、3、4、5 顶部有下面的代码块，用于浏览 5 个页面。在 Chrome 和 Mozilla 中一切正常。但在 IE 中，当我想导航到更大数字的页面时，它总是重定向到 Page5。

"selected" 类仅附加在相关页面 div 上。 "selected" 类后的 div 在 IE 中无法正常工作。

<div class='tabmenu'>
<div onclick="document.location='Page1.php'">Page1</div>
<div onclick="document.location='Page2.php'">Page2</div>
<div class="selected" onclick="document.location='Page3.php'">Page3</div>
<div onclick="document.location='Page4.php'">Page4</div>
<div onclick="document.location='Page5.php'">Page5</div>
</div>

css:

.tabmenu {text-align: left; margin: 15px 0px 15px 0px;font: bold 12px sans-serif;border-bottom: 1px solid #ff6600;padding: 3px;}
.tabmenu div {display: inline;padding: 3px 5px;border: 1px solid #000;background-color: #ddddff;color: #333;margin-left: 5px;border-bottom: none;cursor: pointer;}
.tabmenu .selected {border:1px solid #ff6600;border-bottom: 1px solid #fff;background-color: #fff;color: #ff6600;position: relative;}

例子：

在第 1 页时单击第 2 页 -> 导航到第 5 页（仅在 IE 中）。
在 Page1 上单击 Page4 -> 导航到 Page5（仅在 IE 中）。
在第 3 页时单击第 5 页 -> 导航到第 5 页（仅在 IE 中）。
在 Page2 上单击 Page1 -> 导航到 Page1（工作正常）。
在 Page3 上单击 Page2 -> 导航到 Page2（工作正常）。
在第 5 页时单击第 3 页 -> 导航到第 3 页（工作正常）。

我非常坚持这一点。任何想法为什么会失败？

【问题讨论】：

<a> 标签有什么问题？为什么onclick 无处不在？

标签： javascript internet-explorer events triggers dom-events

【解决方案1】：

我刚刚在 IE 8 中运行它，它运行良好。你用的是什么版本的IE？另外，请确保您在 IE 中启用了 Javascript。

【讨论】：

我编辑了我的第一篇文章。我刚刚发现它与“选定”类有关。该类之后的 div 在 ie 中无法正常工作。