повесить событие

Есть элемент canvas, нужно чтобы событие клика отрабатывало только в одной части этого элементаПодскажите идеи, пожалуйста

У меня есть двухступенчатый список:

проверял, стандартными способами не получается, мб есть способ? Можно конечно, каждый узел в html тег обернуть и ловить событие, но мб есть другой более красивый способ?При клике на текстовый узел событие не генерируется

Допустим есть несколько блоков с одинаковыми классами

Блок вначале страницы имеет определённую высоту в пикселях и overflow:auto; Нужно, что бы при скроле, при нахождении курсора в любом месте, скролился сначала этот блок, а потом вся страница