IE9：按钮表现出奇怪的行为并且在第一次点击时不起作用，仅在 IE9 中答案

【问题标题】：IE9: button exhibiting odd behavior and not working on first click, only in IE9IE9：按钮表现出奇怪的行为并且在第一次点击时不起作用，仅在 IE9 中
【发布时间】：2025-11-21 09:00:02
【问题描述】：

我遇到了只能在 IE 9 中重现的问题，但我不知道为什么。当我在 IE 9 中单击一个按钮时，如果是第一次单击新加载的页面，则该按钮不会注册事件。如果我最初的点击在按钮区域之外，然后我在按钮上进行了后续点击，则执行该操作。

<button type="button" title="Request Quote" class="button btn-quote" onclick="setLocation('/quotes?partsno=188122-B22&amp;mfg=HP&amp;cond=New');">
<span>
<span>Request Quote</span>
</span>
</button>

我只能在 IE9 中重现该问题。使用 IE9 用户代理字符串欺骗 Safari 不会重现该问题，并且可以将代码更改为任何有效的 javascript；onclick 仍然无法按预期调用。可以在“请求报价”按钮上找到一个示例 here：

http://www.itpartsconnection.com/hp-188122b22.html

非常感谢！

【问题讨论】：

毫不意外地强制兼容模式会解决这个问题，但我不完全确定原因。另外值得注意的是：没有特定于 IE9 的标签。

标签： html onclick internet-explorer-9

【解决方案1】：

尝试以下语法，即语义：

<input type="button" title="Request Quote" value="Request Quote" class="button btn-quote" onclick="setLocation('/quotes?partsno=188122-B22&amp;mfg=HP&amp;cond=New');" />

然后，根据您的 button 和 btn-quote CSS 类执行所有 CSS，而不是垃圾邮件。

【讨论】：