Fare clic sull'evento nella riga della tabella - attivare solo se non si fa clic su null'altro

Question

Sto riscontrando alcuni problemi con qualche codice jQuery e spero e penso che la soluzione sia relativamente semplice.

dire che ho un tavolo come:

<table> 
    <tr> 
    <td><input type="checkbox" name="hai" value="der" /></td> 
    <td><a href="mypage.php">My link</a></td> 
    <td>Some data</td> 
    <td>Some more data</td> 
    </tr> 
    ... 
</table> 

Ora tramite JavaScript faccio il .ready seguente in jQuery (document)();

jQuery("table tr").click(function(){ 
    var row = jQuery(this); 
    var hasClass = row.hasClass("highlight"); 
    jQuery("table tr").removeClass("highlight"); 
    if(!hasClass){ 
    row.addClass("highlight"); 
    } 
}); 

Tutto questo è roba abbastanza semplice - voglio essere in grado di fare clic su una riga e farlo Essere evidenziato e solo una riga può essere evidenziato in un momento (ovviamente nel mio codice vero e faccio più di quello) - ora ecco il mio problema:

Quando un utente fa clic sul tag di ancoraggio o sulle caselle di controllo, ciò attiva anche l'evento click di riga e non riesco a capire come filtrarlo? So che ho bisogno di includere l'evento nel mio gestore di clic, ma come verificarlo in modo tale che funzioni nel maggior numero di browser possibile?

Answer 1

Prova ad aggiungere gestori agli altri elementi che rispondono agli eventi di clic e interrompi l'evento. Questo sarebbe in aggiunta a quello che hai già.

jQuery('table input, table a').click(function(e) { 
    e.stopPropagation(); 
    return true; 
}): 

Answer 2

$("table tr").click(function(e){ 

if (e.target instanceof HTMLInputElement || e.target instanceof HTMLAnchorElement){ 
return; 
} 
var row=$(this); 
$('table tr').removeClass('highlight'); 
row.addClass('highlight','normal'); 

}) 

Answer 3

$("table tr").click(function(event){ 
    if (event.currentTarget.tagName != "TR") { return; } 

    $(this).closest("table").find("tr.highlight").removeClass("highlight"); 
    $(this).addClass("highlight"); 
});