title: Can't type into html input fields on iOS after clicking twice
body: <p>I'm experiencing an issue on iOS and I've put up a fiddle for it:</p>
  
  <p><a href="http://jsfiddle.net/Hk56Q/" rel="noreferrer">http://jsfiddle.net/Hk56Q/</a></p>
  
  <p>If an event listener is added to the document for any touch event (touchstart/touchmove/touchend), like so:</p>
  
  <pre><code>function onTouch( e ){};
  document.addEventListener( 'touchstart', onTouch, false );
  </code></pre>
  
  <p>that results in the input fields having the following behaviour on iOS:</p>
  
  <ul>
  <li>First touch: the input gets focus and the user can type correctly into it</li>
  <li>Subsequent touches (with focus on the field already in place): typing doesn't work anymore</li>
  </ul>
  
  <p>I'm experiencing and testing this issue on iOS 5, 5.1 and 6, on both iPad and iPhone (simulators and actual devices).</p>
  
  <p>The only fix seems to be removing the event listener to restore the correct behaviour of the input fields (or to actually never add the listener at all):</p>
  
  <pre><code>document.removeEventListener( 'touchstart', onTouch);
  </code></pre>
  
  <p>I also noticed that if there are multiple iframes on the page, and one of them adds the listener to its document, it breaks the other iframe's input fields too.</p>
  
  <p>The fiddle behaves correctly on my Android phone.</p>
  
  <p>Any ideas why is this happening? Or how to have global custom event handlers for touch events in place that don't break the inputs on iOS?</p>