防止點擊圖像時在父元素上的點擊事件

Question

我試圖阻止第二塊JS作爲點擊事件傳播到父元素的結果而運行，但我被卡住了。

我有行下面的HTML表：

<tr id="DEMO01-P" role="row" class="odd"> 
    <td><img id="DEMO1" src="../imagedir/edit.png" onclick="Edit(this.id);">Info here</td> 
    <td>And here</td> 
</tr> 

我對TR like這個click事件：

jQuery('#system-tbl tbody').on('click', 'tr', function() { 
    var self = jQuery(this); 
    if (self.hasClass('selected')) { 
     self.removeClass('selected'); 
    } else { 
     table.$('tr.selected').removeClass('selected'); 
     self.addClass('selected'); 
    } 
    DO STUFF.... 
    }); 

我還做別的事情，如果用戶點擊tr內的img使用onclick="Edit(this.id);"：

function Edit(system_id) { 
    alert("Edit: " + system_id); 
    window.location.href = "/go-to-page/"; 
}; 

如何在致電Edit(this.id);時停止tr活動？謝謝！！

Answer 1

使用

<td><img id="DEMO1" src="../imagedir/edit.png" onclick="Edit(event,this.id);">Info here</td> 

和

function Edit(e,system_id) { 
:: 
e.stopPropagation() 
}