javascript - iPad タッチ イベント鬼ごっこ

Question

画像とビデオの両方を表示できる iPad で JavaScript を使用したギャラリーを構築しています。ギャラリーを閲覧するには、左または右にスワイプします (iPad の写真アプリケーションに似ています)。ただし、 <video> 要素をスワイプすると、タッチ イベントが機能しません。より高い z-index を持つ可能性のある要素であっても、私のタッチイベントを引き継ぐようです。e.preventDefault() を呼び出す touchmove ハンドラを追加しようとしましたが、それもうまくいかないようです。他の誰かがこの問題に遭遇し、解決策を見つけましたか?

Answer 1

あなたのタッチ イベントは、プレーヤーのデフォルト コントロールによって吸収されています。ビデオ要素のコントロールを false に設定すると、ビデオ要素のイベントを完全に制御できます。ただし、これを行うと、独自のカスタム コントロールを実装する必要があり、それほど難しくありません。