以编程方式添加引用HtmlElement的dart函数的on-tap属性

Question

我有一个飞镖功能：

_addSelection(HtmlElement ele){
  ele.classes.add("selection");
}

我想要发生1或2件事， A ）执行on-tap和on-track函数给定选择类....或者动态添加引用反射式飞镖功能的on-tap和on-track属性。

我有两个功能：

@reflectable
onTap(CustomEventWrapper cew, params){
  //...
}

@reflectable
onTrack(CustomEventWrapper cew, params){
  //...
}

我正在查看HtmlElement类和文档，我不太了解如何执行此操作。

编辑，如果我使用的是jQuery和Javascript，我会做一些简单的事情：

$(document).on("tap", function(){});
$(document).on("track", function(){});

Edit2 添加了Angular Dart，因为这两个设计都利用了Dart后端和标记前端。

Answer 1

你可以这样做：

_addSelection(HtmlElement ele) {
  ele.classes.add("selection");
  ele.onTouchEnd.listen((TouchEvent touch) {
    ...
  });
}

这会给你一些接近tap事件的东西。如果你想真正想要的话，你也可以听onTouchStart，只有当开始和结束之间的时间很短时才调用你的onTap处理程序。