Почему в примере, срабатывает другое событие? Как его отключить?
Откройте консоль, встаньте на input и нажмите Enter.
В консоли на пишется
<button>Добавить</button>
, но нажатия по кнопке "Добавить", не было.
Код примера<form action="" onsubmit="return false">
<table>
<thead><tr><td>Наименование</td><td>Цена</td></tr></thead>
<tbody>
<tr>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
</tbody>
</table>
<button>Добавить</button>
</form>
window.addEventListener('click', selected, false);
function selected(e) {
e.preventDefault();
e.stopImmediatePropagation();
if ( e.target.tagName == 'BUTTON' ) console.log(e.target);
}