h：从javascript更改其值时，inputText不会触发ajax更改事件

Question

I have an input text field that changes its value in a javascript function when keyup event is fired and af:ajax that should fire for the change event:

<h:inputText ... onkeyup="functionThantChangesTextValue(this);">
    <f:ajax event="change" listener="#{someExpensiveCall()}".../>
</h:inputText>

The problem is that if I change programatically the value of the inputText in the javascript functionThantChangesTextValue , than the ajax does not trigger for the change event

I have tried this:

function functionThantChangesTextValue(field) {
    ...
    field.value = finalValue;
    field.onchange();
}

and in this case the ajax event triggers fine, but I would not really want this to happen immediately after changing the value. What I really want, is the execute the ajax when changing the value and when loosing the focus.

Answer 1

Eventually I managed to find some sort of solution using blur & focus events. On the focus event I store the old inputTextValue value using storeOldValue function and then I execute the someExpensiveCall on the blur event only if the current input text value is different from the old one. In this way I try to simulate a change event..

<h:inputText ... onkeyup="functionThantChangesTextValue(this);">
    <f:ajax event="focus" listener="#{storeOldValue()}"/>
    <f:ajax event="blur" listener="#{someExpensiveCall()}".../>
</h:inputText>