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

时间:2019-01-29 08:00:56

标签: event-listener custom-element

我正在创建一个下拉多项选择的自定义元素。

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

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

我打算将此组件放置在具有1000行的表的每一行中

我想知道

  • 是否有更好的方法来做到这一点。
  • 具有数千个事件监听器,我应该对此加以关注

1 个答案:

答案 0 :(得分:1)

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

因此,您应该在窗口上附加活动(和扩展)下拉列表的事件侦听器...

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