在选择元素上触发“更改”事件之前是否有延迟？

Question

我在<div id="myItems"></div>标记上附加了一个“更改”事件监听器，如下所示：

select

var myoutput = document.getElementById("output");
document.getElementById("myselect").addEventListener("change", function() {
  myoutput.textContent = "Change event triggered at " + (new Date());
}, false);

正如您将看到的那样，如果您尝试使用该代码段 - 在调用事件处理程序之前更改<p id="output">Change select</p> <select id="myselect"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select>后，似乎会出现明显的延迟。 （也许是300ms左右？）

那是因为我做错了吗？有没有更好的方法来实现这个消除这种延迟？

我知道这似乎是一个小问题，但用户界面肯定看起来很迟钝而且响应性也不如预期。