Как разрешить конфликт родительского и дочернего элемента?

Question

[Qubert]

Здравствуйте!

Проблема такая: есть список, у каждого этого списка есть класс .add_2, каждый раз, когда я нажимаю на должно происходить некоторое событие, однако, когда я нажимаю на .add_2, также должно происходить событие схожее, но немного отличающееся, от родительского.

При нажатии на .add_2 вызывается и его событие и родительское. Данный элемент убрать из нельзя, потому что мне необходимо именно так

Как я могу сделать так, чтобы при нажатии на элемент с классом .add_2 просходило только его событие?

Большое спасибо за будущий ответ!

Answer 1

[Сергей Протько]

читайте про всплытие событий, про метод stopPropogation... На худой конец просто в обработчике делайте return false.

Comments

[Qubert]

А вы не могли объяснить почему такое просходит? или где я могу конкретно об этом узнать, я впервые столкнулся с такой проблемой

спасибо

[Filipp Shcherbanich]

то чувство, когда ты в очередной раз написал ответ раньше, а его не отметили как решение

[Qubert]

@scherbanich я очень давно не был на тостере, и как мне показалось хабр и все его сайты свалились в небытие по ui, потому что мне всегда казалось, что последние ответы висят внизу, так что.... =(

[Сергей Протько]

@Qubert я же написал - "всплытие событий".

[Илья Лесных]

@Qubert гуглим по словам capturing, bubbling, event model. В помощь вот эта ссылка: www.quirksmode.org/js/eventexample.html

[Юрий Лобанов]

@scherbanich строго говоря ответ @Fesor правильнее Вашего. return false сработает, но это не очень хорошая практика. Так что тут нечего обижаться.

Answer 2

[Filipp Shcherbanich]

как вариант в событии add_2 return false; и объявить его раньше