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

Question

我正在尝试为多个元素创建相同的事件处理程序，但是在文档中找不到任何方法来实现这一点。在下面的示例中，我正在尝试为所有文本处理程序创建一个单击处理程序。这适用于h1，但不适用于其他部分。

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

- Chanpory

Answer 1

试试这个：

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

我认为事件映射不支持逗号分隔选择器，因为逗号用于分隔单个事件名称或事件选择器对。

- sbking

---

啊！这个方法可行，但我希望 Meteor 文档能更加详细地说明。谢谢！ - Chanpory

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

- Peppe L-G

---

该链接现在应为：http://blazejs.org/api/templates.html#Event-Maps。 - bmajz

Answer 3

我之前解决过类似的问题，下面是复制的代码，用于处理整个文档上的多个事件，并使用单个处理程序：

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

- FullStack