Как прикрепить несколько обработчиков событий к методу addEventListener () и в чем отличие от bubbling.vs.capturing?

Question

Как мне прикрепить несколько обработчиков событий к методу addEventListener () Например: elem.addEventListener ("mouseover", handlers ...., false / true);Я также хотел знать, как пузыри при значении false и захват при значении true для третьего параметра влияют на дерево dom.

Answer 1

Пузырьки событий означают, что, когда событие инициируется на элементе, родительский элемент этого элемента затем проверяется на событие того же времени. Если он существует, он также срабатывает. Затем этот процесс повторяется вплоть до дерева DOM. Я полагаю , что события пузырьков также будут использовать захват (см. Ниже) перед процессом пузырьков.

Захват начинается с корня и пересекает дерево DOM до целевого элемента, вызывая события типа цели на пути.

Для лучшего понимания этого вы можете найти дополнительную информацию здесь .

Что касается вашего первого вопроса, то прошло много времени с тех пор, как я работал с этим, поэтому я не помню, как сделать то, что вы хотите, в одном утверждении. Тем не менее, вы можете сделать что-то вроде этого:

myElement.addEventListener('click', myFunction1, false); myElement.addEventListener('click', myFunction2, false);