Meteor JS：如何为多个选择器创建事件处理程序？

Question

我正在尝试为多个元素创建相同的事件处理程序，但无法在文档中的任何位置找到这样做。在下面的示例中，我尝试为所有文本处理创建一个单击处理程序。这适用于h1，但不适用于其余部分。

Template.page.events({
  'click h1, h2, h3, h4, h5, h6' : function (e, template) {
    console.log("clicked");
  }
}

Answer 1

试试这个：

Template.page.events({
  'click h1, click h2, click h3, click h4, click h5, click h6' : function (e, template) {
    console.log("clicked");
  }
}

我认为事件地图不支持逗号分隔的选择器，因为commas are used to delimit individual event names or event selector pairs。

Answer 2

http://docs.meteor.com/#eventmaps

Template.page.events({
   'click h1, click h2, click h3, click h4, click h5, click h6' : function (e, template) {
    console.log("clicked");
  }
}

Answer 3

我先前解决了一个类似的problem，以下是用单个处理程序处理整个文档的多个事件的重现：

Template.template_name_here.events({
  'keyup, click': function(event) {
    event.preventDefault();
    console.log("KEYUP OR CLICK");
  }
});