收听Dart的javascript事件

Question

在Dart中有没有办法从javascript库中侦听事件？

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

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

很想在Dart中看到一些监听器的例子，它可以从javascript库中监听这样的事件。

Answer 1

感谢js包，你可以处理几乎所有的js代码。 这是以下javascript代码段的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的 问题 （参见问题2265 ）。

基本上，当你在JS中使用回调函数时，你必须使用js.Callback.many或js.Callback.once来包装你的回调。 有关更多详细信息，请参阅管理回调生存期 。