在 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");
}

事件已调度，正如我在控制台日志中看到的 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 中的表现是一样的。

在 Dart 中监听 JS CustomEvent

Listening to JS CustomEvent in Dart

dart

dart-html

dart-js-interop