Что является хорошим примером для прослушивания события как в "link" (или div), так и в элементе parent или ancestor?

Question

Большую часть времени я вижу код, регистрирующий прослушиватель событий для ссылки, элемента div или кнопки, и обрабатываю все оттуда. Но захват и всплытие событий хорошо для обработки событий у потомков, а затем на уровне предков. Но какой хороший пример мы хотим слушать в 2 разных местах?

Answer 1

Я видел пример в книге:

если вы разрабатываете игру "ударить крота", вы хотите прослушать событие крота div, чтобы узнать о "попадании" и пустом месте в родительском div, чтобы узнать "промах".