title: How to identify multi-touch support in mobile browsers using JavaScript or jQuery?
body: <p>I am using <code>navigator.maxTouchPoints</code> to identify whether a device supports <strong>multi-touch</strong> or not. But this returns <code>undefined</code> in IPOD (9.3.3) and Android (lollypop)</p>
  
  <pre><code>function isMultiTouch(){
      return (window.navigator.maxTouchPoints &gt; 1 || window.navigator.msMaxTouchPoints &gt; 1);
  }
  </code></pre>
  
  <p>How to identify whether <strong>multi-touch</strong> is supported or not in mobile devices?</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>maxTouchPoints worked only in windows mobile. In android and iOS mobiles, it is not working.</p>
  
  <p><a href="https://en.wikipedia.org/wiki/Multi-touch" rel="nofollow noreferrer">Multi-touch</a></p>
  
  <p><a href="http://www.touchscreen-me.com/about-touch-screens-multi-touch.php" rel="nofollow noreferrer">What is Multi-touch</a></p>
  
  <p><a href="https://msdn.microsoft.com/en-us/library/windows/desktop/dd940543(v=vs.85).aspx" rel="nofollow noreferrer">Touch gestures</a></p>
  
  <p>Above links explain about multi-touch and gestures. </p>