Listener - это микро или макротаск

Listener (например, addEventListener) — это макротаск.

Хотя обработчики событий (listeners) выполняются асинхронно, они попадают в очередь макротасков Event Loop и обрабатываются после текущего синхронного кода и микротасков (например, промисов).

Пример:

console.log('Start');

button.addEventListener('click', () => {
  console.log('Click handler');
});

Promise.resolve().then(() => console.log('Microtask'));

console.log('End');

Вывод:

Start
End
Microtask
Click handler (после клика)