title: How to change the input to uppercase as it is being typed
body: <p>I am using <code>onkeyup="this.value=this.value.toUpperCase();"</code>to change input text value in uppercase. This is working but my need is to change a single letter in input box without using mouse event. If i use left arrow key to move cursor backward onkeyup event gets triggered and the cursor moves to end. How do I modify this script, so that I can navigate backward using arrow keys and modify a text somewhere in between</p>
  
  <p>The current code looks like this...</p>
  
  <pre><code>&lt;h:inputText value="#{_input.response}" autocomplete="off" onmouseover="this.focus();" onkeyup="this.value=this.value.toUpperCase();"/&gt;
  </code></pre>