title: Jquery UI Spinner - Disable Keyboard Input
body: <p>Im trying to find away to stop a user using the keyboard to input values via jquery ui spinners.  I have several spinners and would like it to only allow the user to use the up and down arrows to increase or decrease the value.</p>
  
  <p>Ive tried looking round stackoverflow and google and cant seem to find somethign that works.</p>
  
  <p>So I have for example and input like this:</p>
  
  <pre><code>&lt;input type="text" class="spinner" value="10"/&gt;
  </code></pre>
  
  <p>and initialise the spinner like this:</p>
  
  <pre><code>$(".spinner").spinner();
  </code></pre>
  
  <p>and then try to disable keypress like this:</p>
  
  <pre><code>$(".spinner").unbind("keypress");
  </code></pre>
  
  <p>and it still allows keyboard input.  Does anyone know away to do this?
  Heres a JSBin file that Ive been testing with: <a href="http://jsbin.com/ujajab/1/edit" rel="noreferrer">http://jsbin.com/ujajab/1/edit</a> </p>