I have used keyup event with <a4j:ajax> in a <h:inputText>,the funtionality is like that,if I edit the Ist <h:inputText>,then the second <h:inputText> will become editable also,otherwise it is not editable.I have done this using render attribute in first <h:inputText>,in that attribute I have passed the id of 2nd <h:inputText>.
Things are working fine when I am pressing backspace or delete button and deleting the characters one by one.But when I'm selecting the entire ext throgh mouse and pressing backspace/delete to delete the entire text at a glance,as we generally do for quick deletion.then the keyup event no firing,I came to know this due to the fact 2nd <h:inputText> not getting editable when I'm selecting the entire text of first <h:inputText> field and then pressing backspace/delete button.
<h:inputText id="inp1" required="true" requiredMessage="Choose Proper Party Name." readonly="#{billController.editPartyName}" autocomplete="off"
value="#{billController.currentBill.partyName}" valueChangeListener="#{billController.updateVendorName}" styleClass="coinsidefield1">
<a4j:ajax event="keyup" render="vendorPAN" />
</h:inputText>
<h:inputText value="#{billController.currentBill.vendorPAN}" autocomplete="off" id="vendorPAN" readonly="#{billController.vendorPanDisabled}"
validator="#{validator.checkPanFormate}" required="#{billController.vendorPanValidation}"
requiredMessage="PAN No cant be empty" style="margin-left:93px;width:134px;font-style:bold"/>