縦にスワイプしようとした際にはイベントを仕込んだ要素にタッチしてもイベントを発生させない方法 | WebDelogタイトルになんて書いたらわかりやすいだろうか… って悩んでたら一ヶ月経ってしまいました。嘘ですけど。 『縦にスワイプしようとした際にはイベントを仕込んだ要素にタッチしても何も起こさせない方法』 どういうこと…？ わかりにくくて申し訳ないです…。図に表してみました。 縦に長いレイアウトのサイトを見ています。 ページ下を見るために下から上へスワイプします アコーディオンのリスト部分にクリックイベントが仕組んであり、ユーザが予期しない動作をしてしまいました… つまり、スワイプ時にtouchイベントが誤動作するのを防止します とは言ったもののどうすればいいのでしょうか。 少しづつ整理しつつ解決法を探してみましょう‥ 現状の問題点 問題解決フロー 結果、タッチした瞬間に発火するtouchstartイベントとtouchendイベントを使えばうまく動作させられそうです。 実際にどんなコードになるか書いて
