Stylus Detection

stylus-detection-methods.js

// Apple:
var body = document.getElementByTagName('body')
body.addEventListener('touchstart', function(evt){
    // should be either "stylus" or "direct"
    console.log(evt.touches[0].touchType)
})

// Chrome & Edge:
if (window.PointerEvent) {
  // Pointer events are supported.
}
navigator.maxTouchPoints

// "touch-action: none;" directs all events to JS
somethingCool.addEventListener('pointerdown', (e) => {
  switch (e.pointerType) {
  case 'mouse':
    /* mouse detected */
    break
  case 'pen':
    /* pen / stylus detected */
    break
  case 'touch':
    /* touch detected */
    break
  default:
    /* pointerType unknown or cannot be detected */
  }
})