問題タブ [event-capturing]

私はjqueryを初めて使用し、現在「jQueryの学習」を読んでいます。イベントのキャプチャとevent.targetについて質問があります。

私は次のようなhtmlコードを持っています:

jQuery によるイベント キャプチャによると、 jQuery はイベント キャプチャをサポートしておらず、バブリングのみをサポートしています。つまり、ボタンと div 要素の両方がクリック イベントにバインドされていて、ボタンをクリックすると、ボタンのクリックが最初に呼び出され、次に div が呼び出されます。イベントのキャプチャはサポートされていないため、div 領域をクリックすると、ボタンのクリック関数は呼び出されません。

ただし、次のようなものを追加すると:

ボタンをクリックすると、イベントターゲットはボタンになります。セレクター $("#switcher") が div 要素のみを選択する場合、ボタンをクリックすると、event.target にアラートが表示されるのはなぜですか? ボタンをクリックすると、上記のjQueryがまったく呼び出されないのではないかと思いましたか？

私は管理するために二重のイベントを手に入れました。2 つのイベントはどちらも「クリック」であり、jquery で処理されます。html は次のとおりです。

次に、menufooter スパン内とすべてのリンク スパン内で発生するクリック イベントがあります。コードは次のようになります。

イベント キャプチャ アクションが必要です。スパン menufooter をクリックすると、スパン link1 をクリックする前にイベントが発生する必要があります。この時点で、2 つのイベントはいずれも起動していません。ヒントはありますか？

私は SimpleGestureListener で練習しており、フリング イベントを問題なくキャッチできますが、onFling() が true を返した場合でも、レイアウト内のフラグメントがフリングをキャッチしてそれに反応します。私はこれが起こることを望んでいません。

アクティビティには、フラグメントを読み込む ViewPager があります (これらのフラグメントは、SD カード内のフォルダーから画像を読み込みます。フォルダー内の画像と同じ数のフレームが ViewPager に追加されます)。カスタム GestureListener を、アクティビティのレイアウトのメイン コンテナーとして機能する RelativeLayout にアタッチしました。onFling() イベントのみをオーバーライドしました。

次のようにコードします。

アクティビティ：

ジェスチャーリスナー:

レイアウト：

DOM メソッドは、3 番目のオプションのaddEventListenerブール パラメーター (useCapture) をサポートし、関数がイベントバブリングまたはイベントキャプチャを伝播方法として使用するかどうかを示します。この記事では、違いがうまく示されています (例をクリックしてコードを表示してください)。

SO とブログ投稿に関する他の質問から、IE8 がサポートしていないため、イベント バブリングが好まれると結論付けました。

IE9+ のみをサポートする必要があるとします。どのような状況で、イベントのバブリングよりもイベントのキャプチャが必要または優先されるのでしょうか? 言い換えれば、イベントを最初に最も外側の要素で実行し、次に最も内側の要素で実行する方がよい状況は何でしょうか? イベントキャプチャの使用法を示すために、単純で実世界の例を探しています...

IE10 と Chrome ブラウザで同じコードをテストするだけです。

jsfilddle リンク

入力とボタンの2つの異なるタグを2つの異なるdivタグに入れました。両方の要素 (入力、ボタン) には onclick 属性があります。

私がしていることは単純です

1. 入力タグにカーソルを置く
2. エンターキーを押します

これをIE10とChromeで試しました。

Chrome ブラウザーで、ボタンにアタッチされたイベント ハンドラーが実行されていません。しかし、ボタンに添付されたIEイベントハンドラーが実行されました。

なぜこの災害が起こるのか誰か教えてください

デモはこちら

私が達成しようとしていること：

1. マウス ホバー時 - 共有アイコンが表示されます。

2. 共有アイコンをクリックすると、新しい Div が表示されます

問題

共有アイコンでMouseOutすると、「新しいDivは閉じないでください。表示する必要があります」。

大きな画像に対して MouseOut が完了すると、「新しい Div を非表示にする必要があります」

HTML :

JS:

あなたの助けに感謝！！