Предотвращение события onclick строки таблицы при нажатии кнопки внутри строки

Question

У меня есть строка таблицы с событием ONCLICK (которое переключает дополнительные данные ниже).Внутри одной из ячеек строки у меня есть кнопка (при нажатии выполняется действие AJAX).Когда я нажимаю на кнопку - также запускается событие onclick строки, и происходит следующее: дополнительные данные появляются до завершения вызова AJAX (что для меня плохо).Любые идеи, как я могу решить это элегантно?(без идентификации и кодирования в коде щелчка строки) Спасибо

Answer 1

Добавьте event.stopPropagation(); к вашему обработчику кнопок click. Для получения дополнительной информации посмотрите здесь и здесь .

Answer 2

Если вам не нравится решение javascript, во многих случаях также возможно решение CSS:

style="pointer-events: none;"

Это подавит событие onclick <tr>.

Тем не менее, в некоторых случаях у меня все еще были проблемы, из-за которых это не помогло.В большинстве случаев я просто использую стиль выше.