jquery - jqueryイベントの伝播

Question

Web ページを持っていて、リンクをクリックすると「このアイテムをレビューする」ページが開きます。この 2 ページ目では、esc キーをクリックして前のページに戻ることができます。

2 ページ目には、写真を選択するためのポップアップフォームを作成するボタンがあります。このポップアップフォームで、esc をクリックしてメインの 2 番目のページに戻ることができます。

問題は、ポップアップフォームで esc をクリックすると、ポップアップフォームが閉じてから最初のページに戻ることです。つまり、esc を 2 回クリックしたようなものです。

私はイベントの伝播を認識しており、e.preventDefault(); を呼び出してみました。コードのこのセクションの前ですが、動作していないようです。

私がここに欠けているものはありますか？

score 3 · Accepted Answer

探しているのは、オブジェクトのstopPropagation()メソッドです。Eventこれは jquery イベントハンドラーで呼び出すことができますが、通常の DOM/(純粋な js) です。したがって、jQuery では次のようになります。

$('#modal').on('keyup', function(e) {
  if (e.which === 27) {
    e.stopPropagation();
    // close the window
  }
});

これにより、他のハンドラーが現在同じイベントに戻っている場所にイベントがページをバブルアップするのを防ぎます。

1 に答える 1