在没有显式访问器的情况下侦听 ElementList 上的事件

Question

是否可以在 ElementList 上侦听没有显式访问器的事件？

例如，我可以对单个元素执行以下操作：

this.querySelector(".js-popover-link").on["on-tap"].listen((event) {
  print("Event Triggered");
});

但是，对于从 querySelectorAll 返回的 ElementList，以下内容是不可能的：

this.querySelectorAll(".js-popover-link").on["on-tap"].listen((event) {
  print("Event Triggered");
});

有没有简单的方法来做到这一点？

Answer 1

List<StreamSubscription> _subscriptions = <StreamSubscription>[];

this.querySelectorAll(".js-popover-link")
.forEach((e) {
  _subscriptions.add(e.on["on-tap"].listen((event) {
    print("Event Triggered");
  }));
});

...

_subscriptions.forEach((s) => s.cancel());