行内のボタンをクリックすると、テーブル行のonclickイベントが発生しないようにします。

Question

私はONCLICKイベントのテーブル行を持っています（以下の追加データを切り替えます）。行セルの1つの中にボタンがあります（クリックされるとAJAXアクションが実行されます）。 ボタンをクリックすると、Rowのonclickイベントも発生し、AJAX呼び出しが完了する前に追加データが表示されます（これは私にとっては悪い行為です）。 どのように私はこれをエレガントに解決できますか？ （行のonclickコードに識別してコード化することなく） ありがとう

Answer 1

event.stopPropagation();をボタンclickハンドラに追加します。詳細については、hereとhereをご覧ください。

Answer 2

あなたはjavascriptのソリューションを嫌う場合は、多くの場合、CSSソリューションが同様に可能である：

style="pointer-events: none;" 

<tr> onclickイベントをSUPRESSます。

しかし、場合によっては動作していないような問題が残っていました。 ほとんどの場合、私は上記のスタイルを使用します。