addEventListener的工作方式并不随机，它是按照特定的顺序执行的。如果你觉得事件触发的顺序看起来随机，并且不知道原因，可能是由于以下几个原因：

1. 多个事件同时触发：如果多个事件绑定在同一个元素上，并且这些事件几乎同时触发，可能会导致它们的执行顺序看起来随机。这是因为事件的触发顺序取决于浏览器内部的实现细节，不同的浏览器可能有不同的行为。

2. 异步事件：某些事件是异步触发的，例如定时器事件、Ajax请求的完成事件等。这些事件的执行时间不受代码的控制，可能在其他事件之后触发，因此它们的执行顺序可能看起来是随机的。

3. 事件冒泡和捕获：当一个事件在DOM树上触发时，它会从触发元素一直往上冒泡到根节点，然后再从根节点往下捕获到触发元素。如果有多个元素绑定了相同的事件，并且它们位于DOM树的不同位置，那么它们的事件处理程序执行顺序可能看起来是随机的。

要解决这个问题，你可以根据具体情况进行相应的处理：

1. 如果多个事件同时触发，可以尝试调整它们的触发顺序，或者使用setTimeout或requestAnimationFrame等方法来确保它们的执行顺序。

2. 如果涉及到异步事件，可以使用Promise、async/await等方法来控制它们的执行顺序。

3. 如果涉及到事件冒泡和捕获，可以使用stopPropagation方法来阻止事件的冒泡或捕获，并且根据需要调整事件处理程序的绑定位置。

下面是一个简单的示例代码，演示了如何使用setTimeout来确保多个事件的执行顺序：

function handleEvent1() {
  console.log('Event 1');
}

function handleEvent2() {
  console.log('Event 2');
}

function handleEvent3() {
  console.log('Event 3');
}

document.addEventListener('click', handleEvent1);
document.addEventListener('click', () => {
  setTimeout(handleEvent2, 0);
});
document.addEventListener('click', handleEvent3);

在上面的示例中，handleEvent2使用了setTimeout来将其执行推迟到下一个事件循环中，以确保它在handleEvent3之后执行。这样，事件的执行顺序就是确定的。