Primefaces 11 autocomplete删除值时change事件未触发问题

这是PrimeFaces 11.0.0、11.0.1版本p:autoComplete组件的已知逻辑缺陷：11版本重构了forceSelection="true"模式下的失焦校验逻辑，新增了「输入内容不匹配合法选项时自动回退到上一次选中值」的规则，但空值场景没有做特殊处理——当用户清空输入框时，组件会判定当前输入为非法值，直接回退旧选中值，且该逻辑执行优先级高于change事件触发，直接拦截了事件抛出，和测试观测到的现象完全吻合：

• forceSelection="false"时无强制值校验拦截，清空操作可正常触发change事件
• 逐字删除内容时，删除到最后一个字符前输入框始终有非空内容，不会触发非法值回退逻辑，事件可正常触发；删至空值、或全选一次性清空时，触发回退逻辑，值被还原为旧选中值，change事件不触发

方案1：升级小版本（最优解） #

该缺陷在PrimeFaces 11.0.2版本中已官方修复，直接将项目内PrimeFaces依赖升级到11.x分支的最新稳定版即可，无需修改任何业务代码，升级后清空输入、组件失焦时会正常将绑定值置空、触发change事件，不会再出现旧值自动回退的问题。

方案2：全局JS补丁（无法升级版本时使用） #

如果受项目依赖限制暂时无法升级PrimeFaces版本，可以通过全局扩展组件原型的方式修复逻辑，在PrimeFaces核心资源加载完成后引入如下JS代码即可：

(function() {
    if (!PrimeFaces.widget.AutoComplete) return;
    const originalBindEvents = PrimeFaces.widget.AutoComplete.prototype.bindEvents;
    PrimeFaces.widget.AutoComplete.prototype.bindEvents = function() {
        originalBindEvents.call(this);
        const $this = this;
        // 替换原有失焦事件逻辑
        this.input.off('blur.autocomplete').on('blur.autocomplete', function() {
            if ($this.timer) clearTimeout($this.timer);
            $this.hide();
            const inputVal = $this.input.val().trim();
            // 空值场景不回退旧值，直接置空并触发change
            if (!inputVal && $this.cfg.forceSelection) {
                $this.value = null;
                $this.prevText = '';
                $this.prevValue = '';
                $this.hiddenInput.val('');
                $this.fireChangeEvent();
                $this.m_itemSelected = false;
                return;
            }
            // 非空场景保留原有强制选择校验逻辑
            if ($this.cfg.forceSelection && !$this.m_itemSelected && !$this.panel.is(':visible')) {
                $this.input.val($this.prevText);
                $this.hiddenInput.val($this.prevValue);
            }
            $this.fireChangeEvent();
            $this.m_itemSelected = false;
        });
    }
})();

注意：不要将上述代码放在<head>中最靠前的位置，需放在PrimeFaces.js加载完成后执行，避免组件未初始化时补丁失效。

方案3：单组件临时规避 #

如果仅个别组件存在该问题、不想修改全局逻辑，可以给对应组件绑定clear事件手动处理值更新：

<p:autoComplete
    value="#{yourBean.selectedItem}"
    forceSelection="true"
    completeMethod="#{yourBean.completeItems}"
    widgetVar="acWidget"
    onclear="const inst = PF('acWidget'); inst.value=null; inst.prevText=''; inst.prevValue=''; inst.hiddenInput.val(''); inst.fireChangeEvent();"
/>

内容的提问来源于stack exchange，提问作者oveb