Javascript 为什么focusout和单击另一个元素之间需要这么长时间

我正在尝试制作自己的组合框，但我在focusout计时方面存在问题，因此我设置了一个简单的示例来了解问题：

基本上有两个关于两个项目的事件：

$('#iii').focusout(function (e)
{
    write('focusout');
});

$('#ddd').click(function (e)
{
    write('click');
});

当我单击编辑输入

iii

并单击div

ddd

时，大约需要95毫秒

间接相关的东西：一旦我在

click

事件中有了自己的一些逻辑，这一次的广告数量甚至更高，视觉上看起来很糟糕。该

ddd

表示我的组合框的选择，输入用于过滤掉项目

当我专注于输入时，我打开

ddd

，供用户选择

当我聚焦输入时，

ddd

关闭

当我单击

ddd

中的某个选项时，我希望

ddd

保持不变

因此，我在focus out中添加了一个

setTimeout

，并使用一个标志指示用户是否在

ddd

中单击，如果是，我会让它保持打开状态并再次聚焦

我的问题是：为什么从一个事件到另一个事件要花这么长时间？可选问题：也许我可以用我的组合框做得更好（你可以找到关于我所坚持的更复杂的想法）