dart - 在Dart中收听JS CustomEvent

Question

我知道我的问题并不新鲜，但是我在这里和Internet上找到的所有解决方案均不起作用:(或者，我做错了什么。

我需要在Dart和JS之间建立通信，并且我想使用事件，因为这个想法看起来很简洁。

因此，我尝试了本教程:https://dart.academy/easy-dart-js-interopt/

我的JS代码:

var customEvent = new CustomEvent("fromJavascriptToDart");
window.onload = document.dispatchEvent(customEvent);
document.addEventListener("fromJavascriptToDart", test, false);
function test() {
    console.log("Listening");
}

正如我在控制台日志中看到“监听”一样，事件已调度。

但是当涉及到 Dart 时，没有任何效果。

我尝试了以下方法，但一切都失败了:

document.on['fromJavascriptToDart'].listen((CustomEvent event) {
                    print("HEY! I'M LISTENING!");
                });
window.on["fromJavascriptToDart"].listen((e) => print( "HEY! I'M LISTENING!"));
window.on['foo'].add((e) => print(e.detail)); //This is not working, as there is no add method in Stream Event anymore
@Listen('fromJavascriptToDart')
    void eventTest(){
        print("HEY! I'M LISTENING!");
    }

任何帮助大都赞赏。

Answer 1

DartPad example

document.on['fromJavascriptToDart'].listen((CustomEvent event) {
  print("HEY! I'M LISTENING!");
});

工作正常。

@Listen()是聚合物特定的

add不存在(应使用上面显示的listen)

该事件似乎未达到window，但是我确定这在纯JS中的行为相同。