17

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

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

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

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

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

4

1 に答える 1

21

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

このようなもの:

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

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

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

于 2013-06-12T15:25:51.227 に答える