如何在 Meteor JS 中检测整个文档的事件？答案

【问题标题】：How to detect events on entire document in Meteor JS?如何在 Meteor JS 中检测整个文档的事件？
【发布时间】：2014-12-13 20:29:18
【问题描述】：

真的就这么简单。我目前在我的模板事件中，但它不起作用：

 'keyup': function(event) {
    event.preventDefault();
    console.log("KEYUP");
}

更新：它似乎是框架中的一个通用错误。如果有人可以分享我可以使用的不涉及使用其他人的软件包的手动技巧，我将不胜感激。

更新2：我已经解决了这个问题，如下所示。

【问题讨论】：

【解决方案1】：

不幸的是，meteor (source) 中存在一个错误，即事件不会在 UI.body.template 上触发。您可以使用包meteor-body-events 对其进行修补，并在整个文档上附加keyup 事件。

【讨论】：

【解决方案2】：

突然间，我的原始代码可以工作了。也许 Meteor 的好人已经解决了这个问题，耶！

以下是 0.9.3.1 对我有用的方法：

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

Meteor 甚至可以像这样使用单个处理程序处理多个事件：

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

太棒了！

【讨论】：

【解决方案3】：

目前 Meteor 正在正确处理 <body> 事件，除非您使用的是接管渲染模板的渲染器。这方面的一个例子是Kadira:blaze-templates，它将覆盖模板的默认 Meteor 渲染（用于 FlowRouter），或Iron Router。

幸运的是，有一个名为 gwendall:body-events 的简单包可以恢复此功能。

【讨论】：