JavaScriptでイベントのバブリングを停止するにはどうすればよいですか?

csongor_kocsis

以下にこのコードがあり、子divをクリックしたときにクリック機能を停止して起動したいのですが、機能しません。何が足りないのですか?

child.addEventListener("click", function(e) {
e.stopPropagation();
});

ここでCODEPENそれが使用されるべきです。

フェデリコ

子は要素(配列)のコレクションです...あなたはそれを介してループする必要があります:

for(var i=0; i<child.length; i++){
  child[i].addEventListener("click", function(e) {
    if(e.stopPropagation){e.stopPropagation();}else{e.cancelBubble=true;}
  }, false);
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

JavaScriptの.onclickイベントをデバッグするにはどうすればよいですか?

分類Dev

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

分類Dev

ライブラリが以前にイベントをバインドするために使用したものが何であれ、Javascriptでイベントをオーバーライドするにはどうすればよいですか?

分類Dev

iOSでin_app_purchaseFirebaseイベントの追跡を停止するにはどうすればよいですか?

分類Dev

これをjQueryのイベントにバインドするにはどうすればよいですか?

分類Dev

サンバイベントをログに記録するにはどうすればよいですか?

分類Dev

すべてのリスナー/サブスクライバーに非同期でイベントを送信するにはどうすればよいですか?

分類Dev

イベントの伝播を停止するにはどうすればよいですか?

分類Dev

モバイル向けのAngularでロングクリックイベントを処理するにはどうすればよいですか?

分類Dev

改札でグローバルイベントを作成するにはどうすればよいですか?

分類Dev

Ansible:プレイブックに空のインベントリグループを作成するにはどうすればよいですか?

分類Dev

javascriptで特定のイベントをキャンセルするにはどうすればよいですか?

分類Dev

jquery / javascriptでバインドイベントのバインドを解除するにはどうすればよいですか?

分類Dev

wxpythonのwxribbonバーの右クリックイベントからオブジェクトを取得するにはどうすればよいですか?

分類Dev

バックイベントでタブレイアウトフラグメントを破棄するにはどうすればよいですか?

分類Dev

キャンバスで長方形のネガティブドローイングを停止するにはどうすればよいですか?

分類Dev

onclickイベントにJavaScriptでhtmlの要素を使用するにはどうすればよいですか?

分類Dev

他のMagentoモジュールでトリガーするイベントを停止するにはどうすればよいですか?

分類Dev

SketchUpでグループオブジェクトのクリックイベントを作成するにはどうすればよいですか?

分類Dev

Windowsイベントログスクリプトを作成するにはどうすればよいですか?

分類Dev

TypeScriptでTwilioグローバルJSライブラリのアンビエント宣言を作成するにはどうすればよいですか?

分類Dev

ブートストラップdatepickerでイベントハンドラーのバインドを解除するにはどうすればよいですか?

分類Dev

グローバル関数で定義されたイベントのバインドを解除するにはどうすればよいですか?

分類Dev

入力コントロールがイベントのバブルを許可しないようにするにはどうすればよいですか?

分類Dev

jqueryで$(window).scrollイベントを停止するにはどうすればよいですか?

分類Dev

このイベントハンドラーをjQueryプラグインにバインドするにはどうすればよいですか?

分類Dev

ReactでAとBの再レンダリングを停止するにはどうすればよいですか?

分類Dev

Polymerの要素でイベントをトリガーするにはどうすればよいですか?

分類Dev

Androidでフラグメント全体の入力変更イベントをバインドするにはどうすればよいですか?

Related 関連記事

  1. 1

    JavaScriptの.onclickイベントをデバッグするにはどうすればよいですか?

  2. 2

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

  3. 3

    ライブラリが以前にイベントをバインドするために使用したものが何であれ、Javascriptでイベントをオーバーライドするにはどうすればよいですか?

  4. 4

    iOSでin_app_purchaseFirebaseイベントの追跡を停止するにはどうすればよいですか?

  5. 5

    これをjQueryのイベントにバインドするにはどうすればよいですか?

  6. 6

    サンバイベントをログに記録するにはどうすればよいですか?

  7. 7

    すべてのリスナー/サブスクライバーに非同期でイベントを送信するにはどうすればよいですか?

  8. 8

    イベントの伝播を停止するにはどうすればよいですか?

  9. 9

    モバイル向けのAngularでロングクリックイベントを処理するにはどうすればよいですか?

  10. 10

    改札でグローバルイベントを作成するにはどうすればよいですか?

  11. 11

    Ansible:プレイブックに空のインベントリグループを作成するにはどうすればよいですか?

  12. 12

    javascriptで特定のイベントをキャンセルするにはどうすればよいですか?

  13. 13

    jquery / javascriptでバインドイベントのバインドを解除するにはどうすればよいですか?

  14. 14

    wxpythonのwxribbonバーの右クリックイベントからオブジェクトを取得するにはどうすればよいですか?

  15. 15

    バックイベントでタブレイアウトフラグメントを破棄するにはどうすればよいですか?

  16. 16

    キャンバスで長方形のネガティブドローイングを停止するにはどうすればよいですか?

  17. 17

    onclickイベントにJavaScriptでhtmlの要素を使用するにはどうすればよいですか?

  18. 18

    他のMagentoモジュールでトリガーするイベントを停止するにはどうすればよいですか?

  19. 19

    SketchUpでグループオブジェクトのクリックイベントを作成するにはどうすればよいですか?

  20. 20

    Windowsイベントログスクリプトを作成するにはどうすればよいですか?

  21. 21

    TypeScriptでTwilioグローバルJSライブラリのアンビエント宣言を作成するにはどうすればよいですか?

  22. 22

    ブートストラップdatepickerでイベントハンドラーのバインドを解除するにはどうすればよいですか?

  23. 23

    グローバル関数で定義されたイベントのバインドを解除するにはどうすればよいですか?

  24. 24

    入力コントロールがイベントのバブルを許可しないようにするにはどうすればよいですか?

  25. 25

    jqueryで$(window).scrollイベントを停止するにはどうすればよいですか?

  26. 26

    このイベントハンドラーをjQueryプラグインにバインドするにはどうすればよいですか?

  27. 27

    ReactでAとBの再レンダリングを停止するにはどうすればよいですか?

  28. 28

    Polymerの要素でイベントをトリガーするにはどうすればよいですか?

  29. 29

    Androidでフラグメント全体の入力変更イベントをバインドするにはどうすればよいですか?

ホットタグ

アーカイブ