画面を 24 時間、正時にタイル表示するという要件が発生しました。翻訳され、正確な時刻がマークされたタイムライン (情報付き) があります。画面上にクリック イベントがあります。説明: 移動されたタイムラインは配置されています
。上のレイヤーにあり、下のボタンのクリックに影響します。
解決策:
この理由は単にクリック イベントのキャプチャとバブリングに関する知識です。解決策について話しましょう。
これまで使用したことのない便利な属性 - pointerEvents を見つけました。
公式 Web サイトの紹介を見てください: 現在のビューをタッチ イベントのターゲットにできるかどうかを制御するために使用されます。
プロパティ設定:
auto: ビューをタッチ イベントのターゲットにすることができます。
none: ビューをタッチ イベントのターゲットにすることはできません。
box-none: ビュー自体をタッチ イベントのターゲットにすることはできませんが、そのサブビューはタッチ イベントのターゲットにすることができます。
<View pointerEvents="none">
...
</View>
このようにして、階層の問題を気にせず、バブルのキャプチャやその他の問題を無視することなく、競合を完全に解決できます。
上記の記録は罠ですよ~