問題タブ [stoppropagation]

同じクラスのさまざまな要素があります。

すべての要素のイベントが必要ですが、次のように最初の要素からのみ情報を収集したいと思います。

要素にカーソルを合わせると、要素ごとにアラートが表示されます...すばらしい！...しかし、first（）を使用している場合でも、css（）関数は3つの要素すべてcssを返します...css関数は：

私が試してみました：

役に立たない...完全なソースはここにあります：

何か案は？

通知ウィンドウ (絶対に配置された div) があり、そのウィンドウの外側のすべてをクリックすると閉じます。

私は試した：

ここで、 $(this) はイベントをスローする要素ではなく、ドキュメントです。

お時間をいただきありがとうございます。

解決

http://jsfiddle.net/8CyQU/

皆さん、ありがとうございました ：-）

次のように、クラスにアタッチされたイベントハンドラーがあります。

このハンドラー内で、クリックされた要素に別のクリック ハンドラーをアタッチしたいと考えています。一時ハンドラーがクリックされたら、元のハンドラーを再度有効にしたいと考えています。

私がやろうとしているのは (このフィドルに示されているように)、テキストのセクションをクリックできるようにし、それを入力テキスト ボックスに変更してから、変更を送信してテキストを再作成することです。

フィドルで見つかったように、成功せずに次のことを試しました：

を使用し.off()ても、要素ではなくクラスにアタッチされているため、クラスの元のハンドラーがキャンセルされないようです。

で質問に部分的に答えたと思いますが、e.stopPropagation()まだうまく機能しておらず、これが最善の方法であると確信していません:)

注:この投稿はアイデアに関連していますが、使用していませんthis。

Javascriptコード：

クリックして下にスライドする.div1とします。.div1 divそれから私はクリックします.div2しかしevent.stopPropagation実行されるように、上に.div1 divスライドしません。だから私は何をすべきですか？$(".div1 div").slideUp();このようなdivが多すぎると意味がないので、このコードを入れたくありません

動作を備えたSVG要素を作成し、.on("click")g要素を追加して、gclickイベントでSVGクリックイベントが発生しないようにするために.on("click")使用できると考えました。d3.event.stopPropagation()代わりに、両方のイベントが引き続き発生します。だから私はstopPropagationを間違った場所に置いているに違いありません。

body_left_detailsclassを持つ親 div に存在する class を持つ子 div がありますbody_left_bar。body_left_bar両方の div には onclick イベントが関連付けられていますが、クリックしたときのバブリングを防止したいと考えていますbody_left_details。関連するコードは次のとおりです。

十分に単純です。しかし、 をクリックしたときにbody_left_detailsbody_right_load('child') が呼び出されないのはなぜですか? e.stopPropagation() の直後に alert() を使用してテストしたところ、問題なく動作しました。stopPropagation の後、外部関数は使用できませんか? それはバブリングと見なされますか？

Chrome での Windows 7 wamp でのテスト。どんな洞察も大歓迎です！

編集:関連する jsfiddle。親 div をクリックするとアラートが表示されますが、[Read about it] をクリックしても何も表示されません。

中に<aside>メニューが入っています。マウスの出入り、メニューの開閉。メニューの上に絶対配置される外部要素を取得しました。脇ドムの外です。出入りの際の泡立ちを防いでも効果はありません。

文書への泡立ちを防ごうと思っていたので、それでも引っかかるのですが、引っかからないようです。stoppedBubble 要素を aside 内にネストする必要があるようです。

私は正しいですか？ありがとうございました！

>>>> 編集 >>>>

質問を示すために JsFiddleを作成しました。

最初の例はhttps://developer.mozilla.orgから取られています。2番目は私の追加です。

私はすでに答えを得ました。リスニング要素のスコープ内にいる場合にのみ、バブリングをキャンセルできます。外部からBubble/stopPropagationをキャンセルできません。

左からスライドインするサイド ペインがあり、get() でコンテンツを動的に追加します。ペインの外側のすべてのクリックで、関数をトリガーしてペインを閉じるようにします。私が読んだ他の質問に基づいて、次のコードを思いつきました。

私はそれを機能させることができないようです。on()関数がトリガーされていることは知っていますが、トリガーされevent.stopPropagationていないようです。任意のヒント？

本体への伝播をkeyupすべて停止するには、どのjquery関数を使用しますか。<input>

event.stopPropagation();特定の要素をクリックするために使用 しました。これをすべての入力に使用する方法がわかりません。

みんな、ありがとう ！

属性付きのアンカータグがありhref="http://www.abc.com/page/1"ます。ページネーション機能のアンカーリンクです。

このアンカーをクリックすると、デフォルトで「www.abc.com/page/1」が読み込まれます。

今、javascript/jquery.means を使用してこのリクエストを無効にしたいページは読み込まれません。'http://www.abc.com/page/1'誰かがアンカーリンクをクリックしたときに、このリンク全体を ajax 呼び出しで使用する必要があります。プログラムまたはjqueryingのいずれかで、このリンクに新しい属性を作成できません。

理由 (プログラムによる): これは既に動作しているページネーション機能であり、このリンクを他の/新しい属性に移動すると、アプリケーション全体に影響します。

理由 (jquery): これらのリンクは ajaxly で読み込まれるため、ページの読み込み時や ajax の成功時に変更することはできません。アプリ全体にも影響します。

したがって、このリンクのクリックイベントで、return false;ライブ関数内で使用しました。しかし、リクエストは行っています。

私はstackoverflowに関する多くの質問を経験しましたが、答え'e.preventDefault', 'e.stopPropogation'もありません。

このリンクを ajax 呼び出しで渡す必要があるため、jquery を使用してどのように達成できますか?