ホームページ  >  記事  >  ウェブフロントエンド  >  モバイル端末におけるタッチスタートイベントの浸透の問題を解決するソリューション

モバイル端末におけるタッチスタートイベントの浸透の問題を解決するソリューション

巴扎黑
巴扎黑オリジナル
2017-07-20 15:26:402332ブラウズ

[出典]: モバイル Web サイトを開発するとき、クリックとタッチスタートの間をさまようことがよくあります。タッチスタートは使いやすく、すぐに反応しますが、その欠点も明らかであり、タッチスタートを大規模に使用する場合に遭遇します。ページをスクロールするときに頻繁にトリガーされるため、不親切なエクスペリエンスが発生します。したがって、どれが良いか悪いかを個別に言うことはできませんが、その長所を活用し、短所を回避する必要があります

さらに、モバイルでは a タグが使用されます。端末上のメソッドはクリックと同等です(私自身の実体験より)

【問題】 上位レイヤーでタッチスタートをトリガーすると、下位レイヤーのクリックやタグも同時にトリガーされてしまいます(厳密には、は350ms後にトリガーされます)

[原理]クリックのトリガー時間が500msで、タッチスタートのトリガー時間が350msであるためです。500>350であるため、ユーザーには浸透の問題があります

[解決策]多くの方法があります。問題を解決するには、角度と方法を変更します。さまざまな答えがあります。参考までに、私が実際に効果的であると感じたいくつかの方法を示します。

  1. タッチエンドをトリガーするので、トリガー時間の問題を解決できます (これは、クリックの問題に対処するために私がよく使用するものでもあります)

  2. トリガーの下に透明なレイヤーをカバーして、この透明な層に浸透できるようにすることもできますイベントを含むレイヤーの代わりにレイヤーを使用します (この方法では、コーディングの複雑さも増加します)

以上がモバイル端末におけるタッチスタートイベントの浸透の問題を解決するソリューションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。