title: Which event to use on a <h:inputText> to cover all changes
body: <p>I want to update an icon immediately while the user enters a value into a &lt;h:inputText&gt;.</p>
  
  <p>I have the following makup:</p>
  
  <pre><code>&lt;h:inputText id="listprice" value="#{mybean.listPrice}"&gt;
      &lt;f:converter converterId="mybean.convertPrice"/&gt;
      &lt;a4j:ajax event="keyup" render="infoIcon" /&gt;
  &lt;/h:inputText&gt;
  </code></pre>
  
  <p>Everything works fine if I realy <strong>type</strong> the value!</p>
  
  <p>However if I revisit the page and start typing in the value, my firefox offers me a list of values from my previous sessions to select and now if I select one of those values with the mouse <strong>I don't get an event!</strong></p>
  
  <p>I understand this, because there is no keyup in this case. So I bound another event handler like this:</p>
  
  <pre><code>&lt;h:inputText id="listprice" value="#{mybean.listPrice}"&gt;
      &lt;f:converter converterId="mybean.convertPrice"/&gt;
      &lt;a4j:ajax event="keyup" render="infoIcon" /&gt;
      &lt;a4j:ajax event="mouseout" render="infoIcon" /&gt;
  &lt;/h:inputText&gt;
  </code></pre>
  
  <p>... and tied all kinds of events from "onchange, to onmouseout" with no sucess.</p>
  
  <p>So how to I cover this "event of selecting from a browser-sugesstion-list" immediatelly ?</p>