Друзья! Привет! Помогите) Есть таблица в которой каждая строка является ссылкой на

Question

Друзья! Привет! Помогите) Есть таблица в которой каждая строка является ссылкой на

страницу с подробной инфой о мероприятии (соответственно имеет свой онКлик с юзНавигейтом), в этих же строках есть кнопка с дропдаун меню, которая тоже имеет свой онКлик!
Так вот при нажатии на кнопку срабатывает онклик строки(происходит баблинг)
Как перехваить всплытие без stopPropagation?

#frontend #javascript #programming #react.js #russian

0

29.08.2023

10 ответов

11 просмотров

Кирилл Костю Автор вопроса

Vladimir Voronov
event.preventDefault

Не работает

0

29.08.2023

Кирилл Костю Автор вопроса

Vladimir Voronov
event.preventDefault

Пробовал уже)

0

29.08.2023

Konstantin

Почему вы не можете использовать stopPropagation?

0

29.08.2023

Кирилл Костю Автор вопроса

Konstantin
Почему вы не можете использовать stopPropagation?

Потому что он может, в итоге, закрыть не только срабатывание навигации, но и другие обработчики событий выше по дом-дереву, соответственно - это существенно снизит расширяемость кода)

0

29.08.2023

Desalutar

Ну так других вариантов нету вроде, не?

0

29.08.2023

Konstantin

Кирилл Костю
Потому что он может, в итоге, закрыть не только ср...

Если я правильно понял вашу задачу, то она решается если повесить stopPropagation на дропдаун. Тогда клики будут оставаться внутри и ссылка со строки таблицы активироваться не будет. Если вы переживаете за возможный расширяемый функционал, то проверяйте таргеты и стопайте всплытие только у конкретных элементов. Другого решения исходя их ваших условий я пока не вижу.

0

29.08.2023

Anton Kulikov

А может чекать target / currentTarget? (что-то из этого)

0

29.08.2023

Кирилл Костю Автор вопроса

Konstantin
Если я правильно понял вашу задачу, то она решаетс...

Да, правильно) спасибо за ответ)

0

29.08.2023

Кирилл Костю Автор вопроса