event-delegation

0熱

1答えて

event.stopPropagation（）は委任されたイベントで複数の一致する要素を停止するのはなぜですか？

委任されたイベントを使用する場合、一致するすべての要素が、ターゲットからバブルアップしてイベントをトリガーします。 DIV-4のトリガーをクリックhttps://learn.jquery.com/events/event-delegation/とHTMLとJS以下に参照のうえに基づいて、それはバブルアップとして、そのすべての先祖（DIV-1、DIV-2、DIV-3、体）のイベントをクリックしてく

-1熱

2答えて

クリップボードを使用する場合のイベント委任の使い方は？

Clipboardjsは素晴らしいですが、私はイベントデリゲーションを使用する際にそれを使用する方法を知っています。ここでは私のコードです： <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js"></script> <body> <code id="target0">0</code>

0熱

1答えて

イベントターゲットの親に特定のクラスを適用しないこと

私はイベントの委任を実践しています。私はdivに座っている記事タグ内に4段落を設定しています。 .Greenクラスを適用して、各段落の背景をクリックするときだけ変更したいと思います。しかし、緑色のクラスは、親（記事）と祖父母（div）にのみ適用されます。私のコードに何が間違っているか教えてください。 function paintParagraph(e) { \t if (!e) { \

0熱

1答えて

mouseup、クリックイベントとDOM操作

スタッカー、私は好奇心を持っています。クラス「クリック可能」を持つ他の要素を含むコンテナ要素があります。クリック可能なイベントリスナは、委任を使用してコンテナに添付されます。 <input type="text"/> <div class="container"> <div class="clickable">Click</div> </div> $container.on('

1熱

2答えて

イベントの委任とデータ属性（要素のテキストをクリックするとnull）

私は、データ値が割り当てられた内部divを持つメインdivを持っています。ブートストラップやdiv構造体を使用しているためかどうかわかりませんが、実際の数値（ボタンの中心）をクリックすると、数字の外側をクリックすると "null"結果。私は、pタグの中に数字を入れてそこにデータ値を割り当てようとしましたが、ボタン全体に対して「null」を取得しました。 div内のテキストをクリックして値を取得する

0熱

1答えて

フォーム提出を確認する

私のアプリケーションでは、JavaScriptを使用してフォームを提出する必要があります。必要に応じて、私はDOMに注入（またはそこからそれらを削除）HTMLとして完全に生成されたフォームを、取得、サーバから [...document.querySelectorAll('form')].forEach(form => { form.addEventListener('submit', e

0熱

1答えて

イベントハンドラをボディエレメントに追加すると複数のイベントがトリガーされる

Googleマップにマーカーがいくつかあります。 body要素にリスナーを追加して、クリックされた要素が特定のクラスを持っているかどうかを検出し、特定の操作を行う場合はリスナーを追加したいと思います。ここで、ターゲット要素をクリックするたびに、問題のクラスを持つすべてのアイテムに対してイベントがトリガーされます。 document.body.addEventListener('click', f

0熱

2答えて

jQuery - 最初に新しく作成された要素を対象にしたイベント委任

ユーザーが投稿を追加してフォームに貼り付ける投票システムと対話できる単純なレッド・ライクのシステムを作成しようとしています。私はイベントの委任を利用していましたが、最初に新しく作成された要素に影響を与えているようです。したがって、最初に新しく作成された要素では、投票システムが機能します。しかし、後者の場合、イベントは添付されているようですが、最初の投票システムが更新されます（すべての投稿で投票

0熱

2答えて

オブジェクト全体へのイベントの委託

オプションの子セレクタと一致するオプションを持つjQueryプラグイン（私が書いた）があります。私は、このマークアップしている場合：すなわち <div class="header"> <a id="item-name">Blah</a> <span class="some-data">Numbers and Stuff</a> <span class="other-d

1熱

1答えて

2回目のクリックで入力が追加されない

入力フィールドを子として保持する単純なツリー構造を作成しています。各子は、1つの入力フィールドと2つのボタンで構成されています。 1つのボタンは、入力に子を追加するためのボタンと、ノードを削除するためのボタンです。私のコードは下のスニペットに示されており、期待通りに機能しません。問題は次のようなことです。複数の子供を追加することはできません。子供が1人しか追加されません。すべての最新ブラウザ（私の