タブレットとタッチスクリーン電話のjqueryクリックイベント

Question

私はモバイル/タブレットプラットフォーム向けのWeb開発についてはかなり新しいです。ブラウザ環境の開発にはかなり自信があります。

私は問題があります私は貧弱ですので（私は盲目に飛ぶ必要があります）私はテストを行うことが難しいです。私はまた、適切に動作しないクリックイベントが非常に心配です。

タブレット/スマートフォンで、クリックとマウスダウンのjqueryイベントが正しく機能するようにするにはどうすればよいですか？

クリックイベントとタブレット/スマートフォンのベストプラクティスはありますか？

注：私はモバイル専用サイトを開発していません。このサイトはモバイル用の形状を変換します。

Answer 1

モバイルブラウザはクリックイベントに応答しますが、遅延（通常は約300ミリ秒）が発生します。よりレスポンシブルなエクスペリエンスが必要な場合は、モバイルプラットフォームにいるかどうかを検出して、touchstartまたはtouchendイベントを使用して検出することができます。私は、touchstartが発砲したときに、ユーザーの手がまだ途中であるため、通常はより良い経験であるtouchendを見つける。このような

何か：

$(element).on(isMobile ? 'touchend' : 'click', function(e) {...});

それとも、デスクトップとモバイルの両方のために働くだろうhammer.jsを、使用することができます。

テストに関しては、このStackoverflow質問への回答：Simulating touch events on a PC browserを読むことができます。