次の機能の実行を停止するにはどうすればよいですか？

Question

私は上部の<tr>をクリックし、tr > td > buttonをクリックしてイベントを持っています。 tr > td > buttonをクリックすると、関連するonclick()関数が実行されていますが、<tr>に関連する関数も前の関数の後に実行されています。

同様：

<tr onclick="run_tr();"> 
    <td><input type="button" onclick="run_td();" /></td> 
</tr> 

私は自動的にボタンをクリックして次の呼び出しを呼び出す方法を停止することができますか？あなたのコードに続いて

event.stopPropagation(); 

：

HTML：

<input type="button" onclick="run_td(event);" /> 

JS：

function run_td(event) { 
    if (event.stopPropagation) { 
     event.stopPropagation(); 
    } 
    event.cancelBubble = true; 
    // ... rest of your code. 
} 

Answer 1

メソッドe.stopPropagation()を使用して、イベントの伝播を停止する必要があります。詳細情報については、このリンクをチェックアウト：http://www.quirksmode.org/js/events_order.html#link9

Answer 2

あなたはイベントのバブリングを停止する必要がボタンonclick機能で

Answer 3

あなたがお勧めの方法を使用できない理由を私は理解していないが、ここでの例です：の

<div onclick="alert('div click called');"> 
    Click here to see div onclick 
    <button onclick=" 
    (event.stopPropagation && event.stopPropagation()); 
    event.cancelBubble = true; 
    alert('stopped click'); 
    ">Button click but no div click</button> 
</div>