問題タブ [event-bubbling]

私は大きな問題を抱えています。

リンクをクリックした後に外部コンテンツをロードする「#box」という名前の div があります。

ここまでは簡単です:)

誰かが「#boxLoaded」のどこかをクリックすると、ボックスが消えて再びロードされるため、最初は次のようになります。

問題は、読み込まれたファイル (#boxLoaded 内) に「box-menu」という名前のメニューがあり、誰かがそれらをクリックすると、上記のコードが実行されます (#BoxLoaded がフェードアウトし、#Box が表示されます)。

私はそれが起こらないようにしたいのですが：

何をすべきか？これらのファイルをロードしていないときは正常に動作します...

jsFiddle

ユーザーが領域にボックスを描画できるようにするjQueryプラグインを使用しています。ユーザーがマウスボタンを離したときに表示されるボックスにドロップダウンリストを配置しました。問題は、ドロップダウンリストをクリックしてオプションを選択しようとすると、別のボックスが描画されることです。次のコードを使用してクリックイベントのバブリングを停止しようとしましたが（これはjsFiddleのjavascriptファイルの下部にあります）、機能しません。

私は何が間違っているのですか？読んでくれてありがとう。

問題は、無効化された要素がその親でトリガーされるイベントを生成する必要があるかどうかです。

IE を除くすべてのブラウザーはイベントの発生を防ぎますが、IE はそうではありません。この動作は文書化または標準化されていますか? 上記のコードを正しく処理するブラウザはどれですか?

<div>ユーザーがマウスポインタをドラッグしているときにマウスの座標を表示するように設計されたシンプルなポップアップを作成しようとしています。このポップアップは、マウスポインタの右下に表示されます。下敷き divには、独自の非常に重要なマウスイベントハンドラーがあります（例）.mousemove()。ポップアップdivはマウスポインタからかなり離れています（下に約16ピクセル、右に約16ピクセル）。たとえば、ユーザーがオブジェクトのサイズを変更していて、そのポップアップにそのオブジェクトの新しいサイズが表示されているとします。ユーザーがオブジェクトのサイズをゆっくり変更している場合、これは問題ありません。しかし、ユーザーが突然オブジェクトのサイズを変更し、ポップアップをポイントするとすぐに、div下になりますdivフォーカスを失い、サイズ変更を担当するイベントハンドラーは、オーバーレイ-sとまったくdiv連携するように設計されていないため、「壊れた」（マウスポインターが基になるものを「忘れる」ようなものです） 。div

ポップアップdivマウスイベントを抑制して、下にあるdivイベントを厳密に継続的に実行できるようにする機能はありますか？

私はそのようなことを試みました：

それは私が必要とするようには機能しません。誰かが同じ問題を抱えていましたか？それを回避することは可能ですか？おそらく、そのための完全なjQueryプラグインがあります...混乱しています...

前もって感謝します。

こんにちは 実は私はバブリングイベントとは何か、そしてそれをどのように利用するかを知りたかったのです。また、キャプチャ、ターゲティング、バブリングの概念は何ですか? 誰かが知っているか、説明のためにサンプルコードを提供できる場合、それは役に立ちます。

クリックアクションを保持する js に var があります。このアクションは、いくつかの異なる div にバインドされています。

js は次のようになります。

上記のコードは基本的に機能します。div.clickable をクリックすると、非表示のコンテンツが表示されます。別の div.clickable をクリックすると、今見ていたコンテンツが非表示になり、別のコンテンツが表示されます。ただし、問題は、「クリッカー」内のバインド解除機能により、クリックしたものはすべてクリッカー機能を失うことです。非表示のコンテンツにはクリック可能なものがあり、非表示のコンテンツ内をクリックすると、再び「クリッカー」がトリガーされるため、これを行いました。

アコーディオン プラグインを使用せずに、これに対するよりインテリジェントなアプローチは何ですか?

div が関数にバインドされているかどうかを確認するにはどうすればよいですか? そうでない場合は、再バインドするか、そのようなものを使用できますか? 私が探しているのは、div.clickable が閉じられたら「クリッカー」に再バインドすることです。つまり、別の div.clickable .hidden が見られます。

特定の DOM 要素が読み込まれるのをリッスンすることはできますか? ページ全体が読み込まれるときに呼び出されるwindow.onloadイベントがありますが、読み込まれる DOM 要素ごとに呼び出される方法を探しています。（泡立たonloadない？）

例：

このコードで 1、2、3 を警告したい。

こんにちは、小さな問題があります。複数のコントロールが重なっている領域があります。最上位のコントロールがイベント (または具体的にはマウス イベント) をキャッチしないようにします。コントロールの z-index を変更するのは良くありません。最上位のコントロールを維持する必要があるからです。助言がありますか ？

この奇妙なバグに気づきました。Safari のファイル選択モーダル ウィンドウは、ファイルを選択しようとしたり、モーダル内の任意の場所をクリックしようとすると、元のウィンドウの「ドキュメント」で「クリック」をトリガーします。これは私の機能を壊します。アップローダーを document.click で閉じるはずの小さなポップアップに配置しているためです。ご想像のとおり、アップロードするファイルを選択しようとすると、このポップアップが Safari で閉じられます。

キャンバスにいくつかのドットを描画し、キャンバス上のmouseUpまで、任意のドット内でmouseDownが発生した後、マウスの動きを追跡する小さなWPFアプリがあります。私の問題は、ドット内のmouseDownsがキャンバスにバブリングするのを防ぐ方法です。キャンバスのmouseDownオブザーバーは、mouseDownsがドットの外側で発生したときにのみ起動し、dot mouseDownオブザーバーは、mouseDownsがドットの内側で発生したときにのみ起動するようにします。

監視可能なチェーンを構築するための私のテクニックは次のとおりです。DownInAndTrackWrtObservableの3番目の引数がtrueの場合、トリガーとなるmouseDownイベントにEventArgs.Handledプロパティを設定することを示しています。

次に、2つの場所にハンドラーを設定します。1つは、キャンバス内のヒットとドットおよびドラッグを追跡します。

と

問題は、ドットでmouseDownが発生した場合でも、2番目のハンドラーに示されているようにCanvasのmouseDownが検出されることです。しかし、Event.Handledプロパティを設定しているため、これが発生することはないと思います。ところで、私がEvent.HandledをtrackObsではなくhitObsに設定した場合、ヒットはドット内でまったく検出されません。これがXAMLを含む完全なアプリです（System.coreex、System.Reactive、およびSystem.Interactiveに「参照を追加」してください）

およびXAML

アドバイスをいただければ幸いです