Почему срабатывает другое событие?

Почему в примере, срабатывает другое событие? Как его отключить?
Откройте консоль, встаньте на 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);
}
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
XanXanXan
@XanXanXan
Нужно добавить type="button" кнопке.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы