タグ付けされた質問 「event-bubbling」


5
直接と委任-jQuery .on()
私は、jQuery .on()メソッドを使用して、直接イベントハンドラと委任イベントハンドラのこの特定の違いを理解しようとしています。具体的には、この段落の最後の文: ときにselector提供され、イベントハンドラが呼ばれる委任します。ハンドラーは、イベントがバインドされた要素で直接発生した場合には呼び出されず、セレクターに一致する子孫(内部要素)に対してのみ呼び出されます。jQueryは、イベントターゲットからハンドラーが接続されている要素(つまり、最も内側から最も外側の要素)までイベントをバブルし、そのパスに沿ってセレクターに一致するすべての要素のハンドラーを実行します。 「要素のハンドラを実行する」とはどういう意味ですか?コンセプトを試すためのテストページを作成しました。ただし、次の両方の構成は同じ動作になります。 $("div#target span.green").on("click", function() { alert($(this).attr("class") + " is clicked"); }); または、 $("div#target").on("click", "span.green", function() { alert($(this).attr("class") + " is clicked"); }); 多分誰かがこの点を明確にするために別の例を参照できますか?ありがとう。


19
要素の外側のクリックイベントで要素を非表示にするにはどうすればよいですか?
これがページのどこかをクリックしたときに可視要素を非表示にする正しい方法であるかどうか知りたいのですが。 $(document).click(function (event) { $('#myDIV:visible').hide(); }); 要素(div、spanなど)は、要素の境界内でクリックイベントが発生したときに消えてはなりません。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.