HbuilderXにおける@tapと@clickの意味、違い、使い方

学習目標:

目标:

  • @tapと@clickの意味、違い、使い方を理解する

学習内容:

内容:

  1. PC側でよく使われるクリックイベントは.clickイベントですが、このイベントをモバイル側で実装すると300msの遅延が発生するため、モバイル側では一般的にクリックではなくタップを使用します。
  2. @click はコンポーネントがクリックされるとトリガーされ、約 300ms の遅延が発生します (組み込みの処理が最適化されています)。
  3. @tap は指が触れたときにトリガーされ、300 ミリ秒の遅延がないため、モバイル側のクリック遅延が軽減され、パフォーマンスが向上します。
  4. 注: ミニ プログラムにコンパイルされると、@click は @tap に変換されます。
  5. タップとクリックの違い
    (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 はできません

おすすめ

転載: blog.csdn.net/YHLSunshine/article/details/132720520