自定义元素的多个实例的通用事件侦听器

Question

我正在创建一个下拉多select 自定义元素。

当用户在下拉列表外单击时，我想关闭下拉列表，因此我将事件侦听器附加到 window 以检测外部点击。

我的问题是当创建此组件的多个实例时，将有多个事件侦听器执行相同的工作。

我打算将此组件放在 table 的每一行中，共 1000 行

我想知道

• 有没有更好的方法。
• 有 1000 多个事件侦听器，我应该关心它

Answer 1

即使您有 1000 个下拉自定义元素，在给定时间也只有一个处于活动状态。

因此，您应该在 window 上附加活动（和扩展的）下拉列表的事件侦听器...

...并在下拉列表折叠时分离它。