title: Prevent click-Event on input field
body: <p>I am developing a PhoneGap-App for iPad. On one screen you have to fill out a form with about 20 textfields. As input-fields only react to the click-event (which have this not long but yet annoying delay) I tried the following:</p>
  <pre><code>$('input[type=&quot;text&quot;], input[type=number], input[type=date], input[type=&quot;tel&quot;], input[type=password], input[type=&quot;email&quot;], input[type=&quot;url&quot;], textarea, select').live(&quot;touchend&quot;, function(e) {
      if(!swipe) {
          $(this).focus();
      }
      swipe = false;
      return false;
  });
  </code></pre>
  <p>(I check for swipe in the <code>touchmove</code> event)</p>
  <p>This works, but now I want to prevent the original click event on the inputs.
  The problem is, when I activate an input-field with the <code>.focus()</code> method, the keyboard pops up and slides the page a little bit up AND then the <code>click</code> event gets fired and activates another input-field a little bit below my desired input.</p>
  <p>For preventing click I already tried:</p>
  <pre><code>$('input[type=&quot;text&quot;], input[type=number], input[type=date], input[type=&quot;tel&quot;], input[type=password], input[type=&quot;email&quot;], input[type=&quot;url&quot;], textarea, select').live(&quot;click&quot;, function(e) {
      return false;
  });
  </code></pre>
  <p>but this also doesn't work :(</p>
  <p>Is there another trick to activate input-fields immediately after I touched it without any delay?</p>