У меня есть строка таблицы с событием ONCLICK (которое переключает дополнительные данные ниже). Внутри одной из ячеек строки у меня есть кнопка (при нажатии выполняется действие AJAX). Когда я нажимаю кнопку - событие Row onclick также срабатывает, и происходит то, что дополнительные данные появляются до завершения вызова AJAX (что для меня плохое поведение). Любые идеи, как я могу решить это элегантно? (без идентификации и кодирования его в строке onclick code) Спасибо
Запретить запуск строки в столбце таблицы при нажатии кнопки внутри строки
Ответ 1
Добавьте event.stopPropagation(); к кнопкам click. Для получения дополнительной информации смотрите здесь и здесь.
Ответ 2
Если вам не нравится решение javascript, во многих случаях возможно также решение CSS:
style="pointer-events: none;"
Это вызовет событие <tr> onclick.
Однако в некоторых случаях у меня все еще были проблемы, в которых он, похоже, не работал. В большинстве случаев я просто использую стиль выше.