スマホにおいてjavascriptでタップのみ禁止したい(スワイプは残したい)

Question

タイトルの通りです。スマホのタップのみ禁止しスワイプは生かすという動きをjsで実装する方法はありませんでしょうか。
touchstartからtouchendまでの時間が●秒以内なら何もしない、といったような書きかたになりますかね？

Comments

[m.ts10806]

まず思うとおりにコードを書き、実行した結果で想定どおりにいかないところを調整してみるか、質問してはどうでしょうか？ https://teratail.com/help/question-tips#questionTips1-2

[think49]

個人的にはコードの問題というよりアイデアの問題の性質が強いと思うので、もう少しよく考えてみてほしいと思います。

[m.ts10806]

何とも言えませんが、質問者自身が1つでもアイデアを持っているのであればそのアイデアで実装した結果どう思ったかは知りたいと思い、コメント書きました。

[think49]

すみません、mts10806さんに向けて否定する意図はなく、質問者さんに向けたメッセージのつもりだったのですが、振り返ると否定してますね。もう少し、表現を考えてみるべきでした。

[m.ts10806]

私も早とちりしてしまいました。失礼しました。

Answer 1

touchstartからtouchendまでの時間が●秒以内なら何もしない、といったような書きかたになりますかね？

仮に「touchstartからtouchendまでの時間が3秒以内なら何もしない」と仮定してみましょう。

• 画面をタッチしてからその状態を3秒間維持して画面から手放したらスワイプになります
• 画面をタッチしてから2秒以内に左側にシフトして画面から手放したらタップになります

はたして、この動きは正解でしょうか。
違うとしたら、「タップ」と「スワイプ」の違いはどこにあるのでしょう。
タッチの滞在時間が関係ないなら何が関係しているのでしょう。

「タップ」と「スワイプ」の違いをよく考えてみて下さい。

Re: knk0305 さん

Comments

[massiveGorilla]

ありがとうございます。アイデアの観点で考察を深めてまいります。コーディング後にまた行き詰まることなどございましたらまた相談に伺います。

Answer 2

経過時間での判断にするとフリックもタップとみなされて処理されないことが想定されると思われましたので、座標を判断に入れてタップとスワイプ＆フリックを見分けていけるようにコーディングしていきたいと思います。ご協力いただいた皆様たいへんありがとうございました。
コーディング後にまた行き詰まったら相談に伺わせていただきます。