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

Question

我遇到了只能在 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 仍然没有按预期被调用。可以在此处的请求报价按钮上找到一个示例：

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

非常感谢！

Answer 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');" />

然后，将所有基于 CSS 的 CSS 放入您的button和btn-quoteCSS 类中，而不是垃圾邮件。