javascript - 每个提交按钮调用相同的函数

Question

我在页面刷新后调用选择组件 ID 的函数:

$(document).ready(
  function() {
    document.getElementById('form:#{myBDE.componentId}').focus();
    document.getElementById('form:#{myBDE.componentId}').select();
  }
)

我的提交按钮示例:

<h:form id="form">
  <h:commandButton id="btnSubmit" action="#{myBDE.save}" type="submit" >
    <f:ajax execute="@form" render="@form"/>
  </h:commandButton>
  ...
</form>

我如何创建每次单击任何提交按钮时调用的相同函数(我使用的是 ajax，所以我在没有重新加载页面的情况下工作，document.ready 对我来说还不够)。可能吗？

更新(部分功能解决方案):

var myFunc = function() {
  document.getElementById('form:#{myBDE.componentId}').focus();
  document.getElementById('form:#{myBDE.componentId}').select();
};

$(document).ready(function() {
  myFunc();
  $('input[type=submit]').click(myFunc);    
});

我可以调用添加 onclick="return myFunc();" 的函数至 h:commandButton ，问题是 <f:ajax>调用函数后呈现表单，因此清除选择和焦点:(

Answer 1

为该函数命名(目前，它是一个匿名函数)，然后在需要时调用该函数。

$(document).ready(
  onPageLoad(); // call it when page loads    
  $('form').submit(onPageLoad); // also call whenever a form is submitted
)

function onPageLoad() {
    document.getElementById('form:#{myBDE.componentId}').focus();
    document.getElementById('form:#{myBDE.componentId}').select();
    return true;
}