Как в jQuery сделать так, что при нажатии на дочернего элемента это событие не влияла на родительский элемент?

Question

[eldar_web]

Вот здесь codepen.io/anon/pen/dpAkbd
есть родительский блок и дочерний элемент - checkbox.
При нажатии на checkbox появляется определенный alert('..'),
При нажатии на родительский блок появляется определенный alert()
и при нажатии (change) на его дочерний элемент тоже появляется свой определенный
alert И ПРИ ЭТОМ И РОДИТЕЛЬСКИЙ ТОЖЕ.
Как сделать так, что бы отдельно работало событие дочернего элемента?
Обязательно при событии change, а не click.

Answer 1

[Дмитрий Гусев]

e.stopPropagation() в обработчике дочернего элемента

Comments

[iBird Rose]

это бы сработало если бы дочерним элементом не был чекбокс. так скажем алерты отработают, не спорю. но чекбокс тоже не чекнется из за e.stopPropagation()

[Kovalsky]

iBird Rose: это не связано, путаете .stopPropagation() с .preventDefault()

[iBird Rose]

Никита Полевой: ну ладно) живи xD заработался)

[eldar_web]

Никита Полевой: iBird Rose: codepen.io/anon/pen/dpAkbd не работает.

[iBird Rose]

eldar_web: че не работает? ты e.stopPropagation() не поставил codepen.io/anon/pen/mAoqXg

[eldar_web]

При click работает, но мне нужно при change.

[Kovalsky]

eldar_web: вам придётся на input поставить дополнительный listener на click, в нём делать вызывать .stopPropagation()