【问题标题】:Meteor JS: How to do I create event handler for multiple selectors?Meteor JS:如何为多个选择器创建事件处理程序?
【发布时间】:2014-02-26 13:14:38
【问题描述】:

我正在尝试为多个元素创建相同的事件处理程序,但在文档中找不到执行此操作的任何地方。在下面的示例中,我正在尝试为所有文本处理创建一个单击处理程序。这适用于h1,但不适用于其他人。

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

【问题讨论】:

    标签: javascript events meteor


    【解决方案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

    【讨论】:

    • 啊!那行得通,我希望它在 Meteor 文档中更明确一点。谢谢!
    【解决方案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");
      }
    }
    

    【讨论】:

    【解决方案3】:

    我之前解决了一个类似的problem,下面复制了它,用于使用单个处理程序处理整个文档上的多个事件:

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

    【讨论】:

      猜你喜欢
      • 2013-12-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-03-04
      • 2013-02-04
      相关资源
      最近更新 更多