单击 p：commandButton 时，不会调用 p：inputText 上的 p：ajax blur 事件

我们使用 ICEFaces 4.3 并且遇到了同样的问题（带有嵌套标签，该标签在 blur 上提交值）和 .这是我在记录点击事件和 jsf 事件后发现的。ace:textEntryace:ajaxace:pushButton

1. 单击字段以使其成为焦点。ace:textEntry
2. 键入一些字符以更改其内容。
3. 单击 .ace:pushButton
4. 焦点在 上丢失，导致由于标记而向服务器发送请求。ace:textEntryace:ajax
5. 单击事件在收到请求的响应之前触发。单击事件不会触发提交表单的新请求。
6. 收到请求的响应（从 4 开始）。

这里有一个争用条件：如果在生成点击事件之前收到请求的响应，则点击将导致提交表单的请求。

您可以通过按下鼠标按钮轻松测试这一点，并且仅在收到请求的响应（从 4 开始）后才释放它。为该事件生成单击事件。mouseup

我通过使用 Javascript 来检测 ajax 请求期间是否发生点击事件，从而为此问题创建了一个解决方法。仅当该 ajax 请求不是单击的结果时，请等待 ajax 请求结束，然后再次调度 click 事件：

/** Indicates whether an ajax request is currently in progress. */
let ajaxRequestInProgress = false;

/** The source of the current ajax request. */
let currentAjaxRequestSource = null;

/** The event that must be delayed. */
let delayedEvent = null;

/** The event that has been redispatched after a delay. */
let redispatchedEvent = null;

function requestInProgressTracker(data) {
    const oldValue = ajaxRequestInProgress
    if (data.type === 'event' && data.status === 'begin') {
        ajaxRequestInProgress = true;
    } else if (data.type === 'event' && data.status === 'success') {
        ajaxRequestInProgress = false;
    } else if (data.type === 'error') {
        ajaxRequestInProgress = false;
    }

    if (oldValue !== ajaxRequestInProgress) {
        if (ajaxRequestInProgress) {
            console.log("------ Start of request");
            currentAjaxRequestSource = data.source;
        } else {
            console.log("------ End of request");
            currentAjaxRequestSource = null;
        }

        if (!ajaxRequestInProgress && delayedEvent) {
            setTimeout(() => {
                redispatchedEvent = delayedEvent;
                delayedEvent = null;
                console.log("------ Dispatch event again for", redispatchedEvent.target);
                redispatchedEvent.target.dispatchEvent(redispatchedEvent);
            }, 10); // Small delay to ensure this method is called after the request has completely finished.
        }
    }
}

function delayEventUntilAfterRequest(e) {
    if (!ajaxRequestInProgress) {
        return;
    }

    if (e === redispatchedEvent) {
        console.log("------ Prevent delaying and dispatching the event again for", e.target);
        return;
    }

    if (delayedEvent) {
        console.log("------ DELAY NEW EVENT WHILE OLD EVENT HAS NOT BEEN DISPATCHED AGAIN.");
    }

    if (currentAjaxRequestSource && currentAjaxRequestSource.contains(e.target)) {
        console.log("------ No need to delay this event, because the current request was triggered by the event for", e.target);
       return;
    }

    delayedEvent = e;
    console.log("------- Event occurred during request", e);
}

document.addEventListener("click", delayEventUntilAfterRequest);

jsf.ajax.addOnEvent(requestInProgressTracker);
jsf.ajax.addOnError(requestInProgressTracker);