title: How to make button only activate on double tap on mobile, but activate in single click on desktop?
body: <p>I have a button that triggers a function in javascript. 
  This button needs to: </p>
  
  <ul>
  <li>trigger if you <strong>click it once</strong> (but only on <strong>desktop</strong> browsers) </li>
  <li>trigger if you <strong>tap it twice but not once</strong> (only on <strong>mobile</strong> browsers)</li>
  </ul>
  
  <p>Can this be achieved by html? I am using angular 7.</p>
  
  <p>I have tried to sense if a mobile browser is being used and use a simple "if" in typescript (angular) for processing the click. That didn't work so is there a way to do this with HTML/CSS?</p>
  
  <pre><code>//Pseudo code:
  if (browser == mobile) {
      register only double tap;
      don't register single click;
  }
  else if (browser == desktop) {
      register only single click;
      register double click/tap as 2 separate clicks of button;
  }
  
  
  //HTML Button I'm using (this is in Angular 7):
  &lt;button id="{{variable}}" (click)="myFunction(param1, param2)" name="on"&gt; 
  {{variable}}&lt;/button&gt;
  </code></pre>