イベント攻略の 3 つの段階とは何ですか?

イベント攻略の 3 つの段階は、攻略段階、ターゲット要素、バブリング段階です。キャプチャ フェーズでは、イベントは最も外側の要素から順にレイヤーごとに渡されます。開発者はこのステージでいくつかの前処理操作を実行し、イベントのさらなる送信を防ぐことができます。ターゲット要素ステージでは、イベントがターゲット要素に到達してトリガーされます。対応するイベント ハンドラーに従って、開発者はこのステージでいくつかの特定の操作を実行できます。バブリング ステージでは、イベントはターゲット要素から開始してレイヤーごとに上向きに渡され、開発者はこのステージでいくつかの後処理操作を実行し、それ以上の操作を実行できません。イベントの送信。

このチュートリアルのオペレーティング システム: Windows 10 システム、DELL G3 コンピューター。

イベント キャプチャとは、ユーザーが Web ページ内の要素を操作したときに生成されたイベントをブラウザーが処理するときに、最も外側の要素からターゲット要素に至るまで、イベントに関連付けられた要素をレイヤーごとに検索することを意味します。見つかった今までの過程。イベントのキャプチャは、キャプチャ、ターゲット、バブリングの 3 つの段階に分かれています。

キャプチャ フェーズ (キャプチャ):

キャプチャ フェーズは、イベント処理プロセスの最初の段階です。イベントが発生すると、ブラウザは最も外側の要素から開始し、イベント委任を通じて層ごとにイベントを下層に渡します。この配信処理がいわゆる「イベントフロー」です。キャプチャ フェーズでは、イベントは最も外側の要素から開始され、ターゲット要素が見つかるまでイベント委任によってレイヤーごとに下位に渡されます。このプロセスでは、要素の各レイヤーが対応するイベント ハンドラーをトリガーします。これらのイベント ハンドラーは、開発者自身が定義することも、ブラウザーによってデフォルトで提供されることもできます。

キャプチャ フェーズでは、イベント ハンドラーが最も外側の要素からターゲット要素まで順番に実行されます。この順序は、イベント フローの方向によって決まります。開発者は、キャプチャフェーズ中に、イベント発生時のコンテキスト情報の取得、必要な検証の実行など、いくつかの前処理操作を実行できます。この段階でイベントのさらなる配信を防ぐ必要がある場合は、event.stopPropagation() メソッドを呼び出して、イベントのデフォルトの動作をキャンセルし、イベントが継続的に受け渡されないようにすることができます。

ターゲット要素 (Target):

キャプチャ フェーズの後、イベントはターゲット要素に配信されます。ターゲット要素とは、ユーザーがクリックしたボタンやリンクなど、イベントに関連付けられた特定の要素を指します。イベントがターゲット要素に到達すると、ターゲット要素にバインドされたイベント ハンドラーがトリガーされます。このハンドラーは通常、開発者自身によって定義され、ターゲット要素に関連するイベントを処理するために使用されます。

開発者は、ターゲット要素のイベント ハンドラーで、ターゲット要素のプロパティの変更、特定の関数の呼び出しなど、いくつかの特定の操作を実行できます。この段階は、ユーザー操作を直接処理する段階であるため、イベント処理プロセスの中で最も重要な段階の 1 つです。開発者は、実際のニーズを満たすために、必要に応じてターゲット要素のイベント ハンドラーにカスタム ロジックを追加できます。

バブリング フェーズ (バブリング):

バブリング フェーズは、イベント処理プロセスの最後の段階です。ターゲット要素のイベント ハンドラーが実行を完了すると、イベントは上向きにバブルを開始し、最も外側の要素までレイヤーごとに通過します。このプロセス中に、要素の各レイヤーが対応するイベント ハンドラーを再度トリガーします。これらのイベント ハンドラーは、ターゲット要素から開始してキャプチャ フェーズから逆の順序で渡されます。

バブリング ステージは通常、アニメーション効果や他の要素の通知などの後処理操作を実行するために使用されます。このフェーズ中にイベントがさらに配信されないようにする必要がある場合は、event.stopImmediatePropagation() メソッドを呼び出して、現在の要素でのイベントのさらなるバブリングをキャンセルし、他のイベント ハンドラーが実行されないようにすることができます。

つまり、イベント攻略の 3 つの段階は、「攻略段階」「ターゲット要素」「バブリング段階」です。キャプチャ フェーズでは、イベントは最も外側の要素から順にレイヤーごとに渡されます。開発者はこのステージでいくつかの前処理操作を実行し、イベントのさらなる送信を防ぐことができます。ターゲット要素ステージでは、イベントがターゲット要素に到達してトリガーされます。対応するイベント ハンドラーに従って、開発者はこのステージでいくつかの特定の操作を実行できます。バブリング ステージでは、イベントはターゲット要素から開始してレイヤーごとに上向きに渡され、開発者はこのステージでいくつかの後処理操作を実行し、それ以上の操作を実行できません。イベントの送信。

以上がイベント攻略の 3 つの段階とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。