JavaScript 点击功能不会立即在 IE 上触发 JSF 操作方法

Question

我已经认识到，当通过 JavaScript 完成点击时，它不会立即在 IE 上触发 action 方法，而是浏览器等待代码完成点击的函数，然后触发 action 方法.

在 Chrome 上，点击完成后会立即触发操作方法。

这是一个示例 xhtml 代码：

<h:form>
    <ace:pushButton id="button1" action="#{someBean.someFunction1}" label="Button1" />
</h:form>
<h:form>
    <ace:pushButton id="button2" action="#{someBean.someFunction2}" label="Button2" />
</h:form>
<h:form>
    <ace:pushButton id="button3" action="#{someBean.someFunction3}" label="Button3" />
</h:form>
<h:form>
    <ace:pushButton id="button4" action="#{someBean.someFunction4}" label="Button4" />
</h:form>

这是一个示例 javaScript 代码：

function setTestButtonsOnclickFunctions() {
    var button1 = document.querySelector('[id*="button1_button"]');
    var button2 = document.querySelector('[id*="button2_button"]');
    var button3 = document.querySelector('[id*="button3_button"]');
    var button4 = document.querySelector('[id*="button4_button"]');

    button1.onclick = function() {
        button2.click();
        var someRandomVariable = 10;
    };

    button2.onclick = function() {
        var someRandomVariable = 10;
    };
    button3.onclick = function() {
        button4.click();
        alert("Button 4 clicked in JavaScript");
        var someRandomVariable = 10;
    };

    button4.onclick = function() {
        var someRandomVariable = 10;
    };
}

(function($) {
    $(document).ready(setTestButtonsOnclickFunctions);
})(jQuery);

注意：

如您所见，button3 onclick 函数中有一个警报。
它在那里是因为我认识到触发警报时会触发操作方法。
但是没有它，action方法会在onclick函数完成后触发。

还有someRandomVariable 表示当代码通过click() 方法时，操作方法不会在IE 上触发，而是在Chrome 上触发。这使得调试变得容易。

为什么有两个按钮是因为它是测试click() 方法的简单方法。

问题：

1. 为什么action方法没有立即在IE上触发？
2. 为什么click() 方法在 IE 上不像在 Chrome 上那样触发 action 方法？
3. 有没有办法在运行click() 方法时立即在IE 上触发action 方法，而不使用警报？

对于最后一个问题，您可能想知道为什么有人甚至想要那个。

嗯，我有一个场景，我想在窗口关闭时运行一个操作方法。
我在 JavaScript 中使用了beforeunload 方法，但由于我上面提到的原因，在 IE 上从未触发过 action 方法。

另一个问题：

有没有办法在 IE 上的 beforeunload 事件中触发操作方法？

Answer 1

// 试试这个

(function($) {   

setTestButtonsOnclickFunctions()

})(jQuery);