JavaScript - タップで 300 ミリ秒のクリック遅延の問題を解決できるか?
给我你的怀抱
给我你的怀抱 2017-05-19 10:13:16
0
5
496

クリック&タップ

モバイル端末で最も推奨される書き込み方法は、クリック イベントの代わりに zepto のタップ イベントを使用することですが、その理由は一般に、クリック イベントには伝説的な 300ms の遅延があるためです。

###試験結果###

しかし、実際のテストでは、クリック イベントの方がタップ イベントよりも高速であることがわかりました。

クリックとタップのトリガー遅延はわずか約 100ms

###デモ### リーリー ###出力### リーリー

関連する質問

モバイル端末がzeptoのタップイベントを使用すると、少し透明になります。

理由は一般的に次のとおりです。親の dom (通常はマスク レイヤー) がタップ イベントで閉じられているか非表示になっており、子 dom にはたまたまクリック イベントがあるため、子 dom にもたまたまクリック イベントが発生します。イベント フロー メカニズム (バブリングのキャプチャ) への追加、クリック イベントもレベル DOM によってトリガーされます。

分析: それらがすべてバブリング ステージ (イベント トリガーのデフォルトのバブリング ステージ) にある場合、親はサブセットの後に確実にトリガーされ、ポイントスルー現象は発生しないはずです。

一部のブログ記事では、親がタップを使用し、サブセットがクリックを使用すると述べています。デモのトリガー時間を確認すると、これが起こる可能性は低いです。

その主な理由は、同じビジネス ロジックでクリックとタップを同時に使用する愚か者がいるからでしょうか?

つまり、基本的にキャプチャフェーズは主にイベントを同時にトリガーするために使用されるように感じます。しかし、問題もあります。Zepto のイベント メカニズムはイベント バブリングに基づいており、touch.js のイベントはドキュメントにバインドされています。

给我你的怀抱
给我你的怀抱

全員に返信(5)
巴扎黑

为啥不考虑下touchstart

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!