キャンバスを使用して、ドラッグできるオブジェクトをペイントします。ユーザーがオブジェクトのない領域に触れると、ページをスクロールできます。タッチ イベントの実装は機能していますが、PointerEvents API サポートの追加に問題があります。
タッチ イベント API を使用event.preventDefault()
して、スクロールを防止します。
PointerEvents API では機能しません。pointerDown
イベントは取得されますが、移動イベントは発生せず、ページの自動スクロールが開始されます。
これまでのところ、CSS プロパティを使用してページのスクロールとタッチ アクションを切り替えることができることを発見しましたがtouch-action
、タッチごとに切り替える方法はありません。
たとえば、ユーザーは 1 本の指でページをスクロールし、同時に 2 本目の指でオブジェクトを移動できます。