Jsf ajax没有'；如果按钮被隐藏，则不能使用javascript单击

我输入了文本，如果在该组件上按enter键，则执行js for button编程单击：

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和渲染工作正常

请告知。
我发现隐藏按钮并保持ajax工作的一个解决方法是使用以下类，而不是样式display none：

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

您是否尝试过使用Primefaces
？@Kuba，Primefaces不是一个选项。