在没有明确的评估员的情况下收听元素列表上的事件

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());