問題タブ [event-propagation]

バックボーンでのイベント伝播に関する奇妙な問題。ほとんどの人がイベントの伝播を停止する方法を尋ねますが、私は自分のイベントを伝播させるのに苦労しています!!

ここに 2 つの View オブジェクトがあります。Item ビューを含み、クリック イベントをリッスンして run() を呼び出す MainView:

アイテム ビュー オブジェクトは、自身のクリック イベントをリッスンして動作のオン/オフを切り替えます。

Item.toggle() のクリック イベントがあるのに、Item がクリックされたときに MainView.run() が起動されないという問題があります。

ただし、Item.toggle () クリックイベントを削除すると、 MainView.run() が発生します。私の制御の及ばない範囲で、何らかの形でイベントの伝播が強制的に停止されたという結論に至りました。

どうすればこの問題を解決できますか? 明らかな何かが欠けていますか、それとも避けられないのでしょうか?

すべての提案と回答に感謝します:)。

以下にブートストラップドロップダウンメニューがあります。これには、# タグをブラウザー URL に送信したくないため、false を返すノックアウト .js バインディングに接続されたリンクがあります。ただし、これを行うと、リンクをクリックしてもドロップダウン メニューが閉じません。これを回避する方法はありますか？

HTML

ノックアウト.jsバインディング

それぞれ onclick イベントを持つネストされた要素がいくつかあります。ほとんどの場合、ユーザーが子をクリックしたときに両方のイベントが発生するようにします (親イベントと子イベントの両方がトリガーされます - デフォルトの動作)。ただし、子の onclick イベント (ユーザーのクリックではなく JavaScript から) をトリガーしたいが、親の onclick イベントをトリガーしたくない場合が少なくとも 1 つあります。これが親イベントをトリガーしないようにするにはどうすればよいですか?

私がいたのは：

ユーザーが A をクリック: A の onclick が発生します。
ユーザーが B をクリック: B の onclick が起動し、A の onclick も
起動 B のクリックを手動でトリガー: B が起動し、A が起動しない (これが問題です)

一日中問題を調べていて、他の開発者が Chrome でこの問題を抱えているかどうか疑問に思っていました。

この質問を以前に投稿しました ( Chrome は [今すぐ購入] ボタンでダブル アクションをトリガーします)、さらに確認すると、エラーはおそらく Chrome に関連しているようです。

このコードは製品ページに 2 年間掲載されています

今朝から、Chrome の最新バージョンを使用していて、カートに 1 つの製品を追加した人は、2 の値を得ていました。

スパン タグが削除された場合、値 1 が追加されます。それらが存在する場合、何らかの理由で [今すぐ購入] 機能が 2 回トリガーされます。

私はChrome Dev Toolsに入りました。これはコードの例です

マルチクリックイベントを停止するには、関数内で event.stoppropagation() 呼び出しを行う必要があるかもしれませんが、これは [今すぐ購入] ボタンを持つという目的を無効にします。

私が困惑しているのは、スパンタグを削除することで問題が解決したようです。しかし、私はデザイナーではないので、これを回避できるかどうかはわかりません。

誰にもアイデアはありますか？