按钮在 IE 中无法使用答案

【问题标题】：Button can't work in IE按钮在 IE 中无法使用
【发布时间】：2012-06-15 11:00:02
【问题描述】：

在我的应用程序中，我有以下<h:outputLink> 和<p:commandButton> 的组合：

<h:outputLink target="_blank" value="theURL">
    <p:commandButton value="Click" type="button" />
</h:outputLink>

以上按钮在 Chrome 和 Firefox 中正常工作。但是，当我使用 IE 时，单击按钮时没有任何反应。

如果您能给我任何建议，我将不胜感激。

【问题讨论】：

你检查生成的HTML代码了吗？

标签： html internet-explorer button jsf-2 primefaces

【解决方案1】：

生成的 HTML 标记在语法上毫无意义。你最终得到一个

<a><button></button></a>

应该调用谁的操作？是链接还是按钮？

我建议只使用<p:button> 和window.open()。

<p:button value="Click" onclick="window.open('theURL');return false;" />

如果使用该链接是为了纯粹的 SEO 目的，那么我建议将 <p:commandButton> 替换为它自己生成的标记为 <span> 而不是 <button>。例如

<h:outputLink target="_blank" value="theURL">
    <span class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button">
        <span class="ui-button-text">Click</span>
    </span>
</h:outputLink>

【讨论】：

我有一个小问题。我确实将按钮类型指定为type="button"。这不是说这个按钮只是一个没有任何动作的可点击按钮吗？
<button> 将在 MSIE 中将 value 或正文内容（如果有）提交给父 <form>。