Vue のイベント修飾子.stop
.stopこの関数はイベントのバブリングを防ぐために使用されます。
1. イベントバブリングとは
イベントバブリング: 親要素と子要素が同じイベントを持つことを意味し、子要素のイベントがトリガーされるとバブルアップし、親要素のイベントもトリガーされます。
2. イベントバブリングの 3 段階
- キャプチャ フェーズ: ウィンドウ オブジェクトからターゲット ノードへの (上位層から下位層への) 転送は「キャプチャ フェーズ」と呼ばれ、キャプチャ フェーズはいかなるイベントにも応答しません。
- ターゲット フェーズ: ターゲット ノードでトリガーされることを「ターゲット フェーズ」と呼びます。
- バブリング ステージ: ターゲット ノードからウィンドウ オブジェクトに戻る (最下位層から上位層に戻る)、「バブル ステージ」と呼ばれます。
3. イベントバブリングの原理
イベント委任は、イベント バブリング メカニズムを使用して、内側の層が外側の層に応答するために必要なイベントをバインドします。