如果按钮被隐藏，ajax 不适用于 javascript click

Question

我有输入文本，如果在此组件上按下回车键，则执行 js 按钮编程单击：

document.getElementById('myform:saveNew').click();

按钮jsf：

<h:commandButton value="test link" action="#{myBean.save()}" style="display:none;" id="saveNew">
                <f:ajax render="interests" execute="@this"></f:ajax>
</h:commandButton>

目前，如果我在输入文本上单击 Enter，则整个表单已提交并重新加载 我认为 ajax 在这种情况下不起作用，而如果我从按钮中删除 display:none;（用于测试），则 ajax 和渲染工作正常。

请指教。

Answer 1

我发现隐藏按钮并保持 ajax 工作的一种解决方法是使用以下类而不是样式显示 none：

.hidden_button{
    height: 0px !important;
    width: 0px !important;
    padding: 0px !important;
    border: none !important;
}