web-dev-qa-db-ja.com

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

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

私の問題は私はタブレットを所有していない(私は貧しいので盲目的に飛ばなければならない)ので、テストを行うのは困難です。また、クリックイベントが適切に機能しないことも心配です。

クリックとマウスダウンのjqueryイベントがタブレット/スマートフォンで正しく機能することをどのように確認できますか?

クリックイベントとタブレット/スマートフォンのベストプラクティスについてコンセンサスはありますか?

注:私はモバイル専用サイトを開発しているわけではありません。このサイトはモバイル向けに形を変えています。

17
Amy Neville

モバイルブラウザーはクリックイベントに応答しますが、遅延が発生します(通常は約300ミリ秒)。より応答性の高いエクスペリエンスが必要な場合は、モバイルプラットフォームを使用しているかどうかを検出し、touchstartまたはtouchendイベントを使用できます。私はtouchendが通常より良いエクスペリエンスであると思います。これは、主にtouchstartが起動したときにユーザーの手が邪魔になるためです。

このようなもの:

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

または、デスクトップとモバイルの両方で機能する hammer.js を使用できます。

テストについては、このStackoverflowの質問への回答を読むことができます: PCブラウザーでのタッチイベントのシミュレーション

20
cfs