从 Dart 监听 javascript 事件

Question

Dart 中有没有办法监听来自 javascript 库的事件？

例如，当有人释放滑块时，jqrangeslider http://ghusse.github.io/jQRangeSlider/ 包会发出 userValueChanged 事件。

通过 js/js.dart 包在 Dart 中监听该事件是否容易？

希望看到 Dart 中的一些侦听器示例，该侦听器从 javascript 库中侦听此类事件。

Answer 1

感谢js package，您几乎可以处理所有的 js 代码。这是以下 javascript 代码 sn-p 的 dart 版本：

$("#slider").bind("valuesChanged", function(e, data){
  console.log("Will be executed");
});

在飞镖中：

js.scoped((){
  js.context.jQuery("#slider").bind("valuesChanged", new js.Callback.many((e, data) {
    print("Will be executed");
  }));
});

请注意，我使用jQuery 而不是$，因为否则您会遇到dart2js 的问题（请参阅issue 2265）。

基本上，当你在 JS 中使用回调函数时，你必须使用 js.Callback.many 或 js.Callback.once 来包装你的回调。详情请见Managing callback lifetimes。