Javascript touch event：Apple PencilとApple Pencilを区別する

Question

Mobile Safariでは、タッチイベントが指またはApple Pencilで生成されるかどうかを区別する手段はありますか？

Answer 1

.forceタッチイベントのTouchListオブジェクトは、タッチの個々の点についての詳細な情報が含まれています。多くの不動産の中でスタイラス（アップルペンシル）または（指）のいずれかが含まれているので、touchTypeはおそらくあなたにとって最も興味深いです。

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

あなたはまた、あなたのタッチポイントの現在のデバイス（複数可）に関する詳細な情報を与えることができforceまたはazimuthAngleのような個々のタッチの他のプロパティを見ている必要があります。

タッチインターフェースがまだW3C working draftなく公式の標準の一部のみであることに注意してください - しかし、iOSの10 + サファリ+アップル鉛筆で動作します。

Answer 2

あなたはとの接触力を確認することができます。

e.touches[0].force; 

しかし、それはiPhone 6Sに3DTouchのためにも機能します。

のみアップル鉛筆イベントやiPhone 6Sのイベントに触れるには、