Как изолировать событие при наслоении элементов?

Question

[leyarthemes]

Всем здравствуйте, вот минимализированный пример https://jsfiddle.net/q9afL5kr/2/. Как правильно и красиво сделать так, чтобы при клике на красный квадрат не срабатывало событие клика на зеленую область и правильно срабатывала функция (однократно)? Без jQuery. Спасибо.

Answer 1

[WapSter]

event.stopPropagation();

Comments

[leyarthemes]

Отметил решением, я не правильно задал вопрос. В моём случае событие не click, а scroll, и проблема в том, что если скроллить внутри квадрата, то всё норм, а если по зеленой области, то скролл происходит и там и там

[WapSter]

leyarthemes, событие scroll может работать только на прокручиваемых элементах и мой ответ все равно подходит, чтобы остановить всплытие события.