title: Do touch events not work with text-input elements in iPad Safari?
body: <p>In iPad Safari, I have programmed a DIV's touch-events so that when you touch inside the DIV and hold your finger there for 500&nbsp;ms, the DIV's background color changes.</p>
  
  <p>When I try to move the code over to a text-input element (inside a fieldset), making it the touch-target instead of the DIV, the code doesn't work. The text-input becomes selected in spite of this CSS:</p>
  
  <pre><code>    input[type=text] {-webkit-touch-callout:none; -webkit-user-select:none }
  </code></pre>
  
  <p>Is there no way to intercept the touch events of a text-input element in iPad Safari and handle them in a custom manner, preventing default behavior? Or is there something additional that I must do to get the input to support this? I've tried with and without a dummy click handler:  onclick="void(0)".</p>
  
  <p>This is the doc I'm following the documentation <em><a href="https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW7" rel="nofollow noreferrer">Handling Events</a></em>.</p>