event-bubbling

1熱

1答えて

React Synthetic Eventsコンポーネントによるバブルキャプチャ

現時点では、私はリアクションイベントを研究中で、イベントバブルとキャプチャに関する珍しい問題に気付きました。 divタグのネストされたグループ（すべてonClick/onClickCapture）を使用すると、期待どおりに動作します。イベントは、DOMツリーの「上/下」をトリガします。しかし、Divsの1つがReact.Componentである場合、イベントを捕捉しません。これは、Reactが

0熱

1答えて

bug addEventListenerを使用してテーブル内の行全体を削除する

タグ付きのセルをクリックしてテーブル内の行全体を削除する必要がありますが、他のセルをクリックするとその行は削除されます削除されました。ここではHTMLとaproachをバブリングイベントを使用して実証するために、以下のJSコードは次のとおりです。 var table1 = document.querySelector("#tableOne"); table1.addEventListe

0熱

1答えて

スワイプがボディにバブリングするのを止める

私はイメージカルーセルとイメージギャラリーライトボックスを持っています。どちらもユーザーが写真をスワイプできます。ただし、サイドパネルを開くために、ページの本文全体にスワイプイベントがあります。子供のギャラリー要素で以下のコードを使用しようとしましたが、スワイプのイベントはまだページの本文にバブリングされ、パネルが開きます。私が間違っていることを誰かが知っているなら、どんなアドバイスも大歓迎で

1熱

2答えて

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

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

0熱

1答えて

タップのキャプチャを避ける

app-locationを使用してURLに基づく一連のページの1つを表示し、paper-listboxにはpaper-itemのリストが含まれ、利用可能なページのリストが表示されます。各paper-itemにはそのページに行くリンクがあります。リンクが正常にクリックされた場合、要求はapp-locationによって傍受され、ページはリロードされずに表示されます。リンクがCtrl +クリックまた

-1熱

2答えて

イベントはなぜdomの上にバブルアップするのですか？

私は、イベントのバブリングとそれが最も内側の要素からdomをどのように横切るかを理解しています。なぜこれがデフォルトの動作であるのか不思議です。 <div>1 <div>2 <div>3 <div>4 <div>5</div> </div> </div> </div> </div> 私は、各パートのイベン

2熱

1答えて

イベントキャプチャ相が動作していない子供を持たない

ノード以下のHTMLイベント var outer = document.getElementById('outer'), inner = document.getElementById('inner'); outer.addEventListener('click',function(){ console.log('Outer Clicked!') }, false);

0熱

1答えて

還元アクションをディスパッチするネストされたコンポーネントのイベントバブリングを停止するにはどうすればよいですか？

私は複数のネストされたコンポーネントを動的にレンダリングします。これらのコンポーネントはすべてreduxアクションにも関連付けられています。残念ながら、最も内側の要素をクリックすると、すべてのアクションが呼び出されていますが、このような状況下ではバブリングを停止するために何ができますか？例コード： <div onClick={()=>this.props.anAction(elementNam

0熱

1答えて

Divイベントバブリング

私のプロジェクトでは、ウィンドウのクリックeventListenerとdiv要素のいくつかのクリックイベントがあります。 divをクリックすると、このdiv要素のclickイベント（正しい）とウィンドウのclick eventListenerが起動します（正しくはありません）。 divをドラッグして、ウィンドウのclickイベントリスナーがイベントを発生させないようにすることはできますか？より良い