Столбец таблицы и ячейки

Question

Как создать событие click для таблицы row (tr) и данных таблицы (td).

Например, что-то подобное, как этого

$("table tr").on("click", function(){ 
     // do something with tr without td click handler 
}); 

$("table tr td").on("click", function(){ 
     // do something with td without tr click handler 
}); 

Заранее спасибо

Answer 1

Чтобы связать событие щелчка, чтобы td элемента так, чтобы он не срабатывает родителю tr щелчка, вы должны предотвратить событие от барботажа дерево DOM. Вы должны вызвать stopPropagation метод объекта события:

$("table tr td").on("click", function(e) { 
    e.stopPropagation(); 
    // do something with td without tr click handler 
}); 

сделать что-то с тром без тд обработчика щелчка

Это также возможно, если вы свяжете щелкните событие захвата фазы (читать о event order) , Для этого вам нужно будет использовать метод HTMLElement's addEventListener, jQuery $.fn.on метод связывать событие в стадии барботирования распространения события. Однако обратите внимание, что это мало практического смысла, если вы думаете об этом. Скорее всего, вы хотите предотвратить пузырение события в td-> tr направлении на некоторые конкретные ячейки ячейки кликов.