学習目標:
目标:
- @tapと@clickの意味、違い、使い方を理解する
学習内容:
内容:
- PC側でよく使われるクリックイベントは.clickイベントですが、このイベントをモバイル側で実装すると300msの遅延が発生するため、モバイル側では一般的にクリックではなくタップを使用します。
- @click はコンポーネントがクリックされるとトリガーされ、約 300ms の遅延が発生します (組み込みの処理が最適化されています)。
- @tap は指が触れたときにトリガーされ、300 ミリ秒の遅延がないため、モバイル側のクリック遅延が軽減され、パフォーマンスが向上します。
- 注: ミニ プログラムにコンパイルされると、@click は @tap に変換されます。
- タップとクリックの違い
(1) タップとクリックはどちらもクリック イベントです。
(2) しかし、モバイル端末には、タッチ、ホールド、フリックなど、クリックだけでは監視できない複雑な機能が多すぎます。このとき、タップ方式を使用する必要があります。
(3) また、クリックリーブはクリックを離した後にトリガーされるため、時間の遅れが生じます。
(4) タップにはイベント貫通があります。つまり、バインドされたタップ イベントを実行した後、他のイベントがバインドされているか、ポイント イベント自体がある場合、デフォルトでトリガーされます。
知識の要約:
小结:
- HbuilderX では、クリックされると両方のイベントがトリガーされます。
- 2. 2 つの違いは次のとおりです。
(1).@click コンポーネントがクリックされるとトリガーされ、約 300ms の遅延が発生します (組み込み処理が最適化されています)
(2).@tap は指が触れたときにトリガーされ、300 ミリ秒の遅延はありませんが、メンバー イベントが通過します。
(3). ミニプログラムにコンパイルすると、@click が @tap に変換されます。
(4).@click、@tap イベント。ブラウザでは @tap イベントが @click をオーバーライドしますが、携帯電話では両方のイベントが存在します。これら 2 つのイベントのいずれかを選択するだけです。
- 3. @tab はイベントのバブリングを防ぐことができますが、@click はできません