iPad上でのダイレクトタッチとPencilタッチの区別
touchイベントのtouchesで各々のtouchをみると、touchType == "direct" と touchType == "stylus" がある。これで区別する。
https://stackoverflow.com/questions/34986373/javascript-touch-event-distinguishing-finger-vs-apple-pencil
なおChrome開発者ツール上でiPadをエミュレートしてて、マウスでタッチイベントを発生させている時、touchTypeは付いていない。いずれ touchType == "stylus" をエミュレートできるようになるといいな。
将来的には
Pointer Events
でまとめられるかもしれないが、現時点ではブラウザの実装が進んでいないっぽい。
Pointer Events
iPad