javascript - 从自动填充列表中选择值时运行 ajax 监听器操作

Question

我使用jsf + richfaces + jboss接缝。我有代码:

<h:inputText id="receiptAmount" style="text-align: right;"
                    value="#{receiptsHome.instance.receiptAmountString}"
                    onkeypress="if((event.which &lt; 48 &amp;&amp; event.which != 8 &amp;&amp; event.which != 26 &amp;&amp; event.which != 44 &amp;&amp; event.which != 46) || (event.which != 127 &amp;&amp; event.which &gt; 57)) return false;">
                    <a:support event="onkeyup" ajaxSingle="true"
                        reRender="receiptAmount1, listContractsDiv"
                        action="#{receiptsHome.setPaymentMoneyForListContracts}" />
                </h:inputText>

但是当我在 chrome 上工作时。我有两个案例如下:

情况 1:我从键盘输入数字，值为:20000。它在 a:support 标记中运行操作，并在右侧重新渲染红色文本。没关系 :

情况 2:我不使用键盘。我使用鼠标从具有类似值的自动填充列表中单击:20000(浏览器之前已保存旧的该值)。它不是 a:support 标记中的运行操作:

如何从自动填充列表中进行选择，它仍然是运行操作？

Answer 1

现代浏览器支持 oninput (不确定 a4j 是否支持此事件)，这两种情况都会被触发:如果按下某个键或自动完成条目选择的。

如果您不想依赖于此，请在输入元素上使用 autocomplete="off"。 (但是我相信有些浏览器会忽略这一点)。

如果你不需要在每次击键后处理数据，最好的选择是使用onblur，因为无论是打字还是自动完成选择，都会有一个一旦输入元素再次失去焦点，blur 事件就会发生。