Call apex class method immediate after input text

Question

I have below code where after I do enter an auto complete input text value I need to click elsewhere for the apex class method {!applyfiler} to work. But I need to call that method instantly after input text value enterred without any further click. Can someone please help me here?

Apex page code

 <apex:pageblockSectionItem > 
       <apex:outputText rendered="{!userType == 'Admin' || userType == 'HomeOffice' || userType == 'Field'}">Compliance Incident Transaction Name</apex:outputText>
            <apex:inputText styleClass="apexCITautocomplete" value="{!selectedCIT}" id="Rep">
        <apex:actionSupport event="onchange" action="{!applyfiler}" rerender="pb"/>
     </apex:inputtext> 
    </apex:pageblockSectionItem> 

Answer 1

You can use onKeyPress, as said. But you may want to consider to make it smarter than making a SOQL query on each key that was pressed. For example using javascript you can wait to make a call (remote action) until 3 characters are added.

If the size of the table you are quering allows it you can then select all that start with those 3 characters.

ex: SELECT Name FROM Object__c WHERE Name Like 'abc%' and do further filtering client-side.

In this case you have only 1 SOQL query.

Answer 2

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
window.$j = jQuery.noConflict(); 
$j(document).ready(function(){ 
$j('input[id$=Rep]').on('input', function () { 
   applyfilter($j(this).val());
}); 
}); 

</script>

<apex:actionfunction action="{!applyfiler}" name="applyfilter" rerender="pb">
  <apex:param assignto="{!selectedCIT}" name="param1" value="">
</apex:actionfunction>
<apex:pageblockSection>
<apex:pageblockSectionItem > 
       <apex:outputText rendered="{!userType == 'Admin' || userType == 'HomeOffice' || userType == 'Field'}">Compliance Incident Transaction Name</apex:outputText>
            <apex:inputText styleClass="apexCITautocomplete" value="{!selectedCIT}" id="Rep">
     </apex:inputtext> 
    </apex:pageblockSectionItem>