如何使用JavaScript和流星模板來聆聽按住所有文檔的按鍵？

Question

我已經成立，如果我要聽上的所有文件，我應該做的事：

$(document).keydown(function(e) { 
      console.log(e); 
      console.log(e.keyCode); 
      if (e.keyCode == 27) { 
       $('#tftextinput').value=""; 
       $('#tfbutton').click(); 
      } 
}); 

但它不會寫在控制檯什麼...所以我已經嘗試了其它版本是這樣的：

$(".container.body").keydown(function(e) { 
      console.log(e); 
      console.log(e.keyCode); 
      if (e.keyCode == 27) { 
       $('#tftextinput').value=""; 
       $('#tfbutton').click(); 
      } 
}); 

這個代碼是在$(document).ready(function() {}); ，但什麼都沒有發生過......

編輯：

如果我寫的Web控制檯它的工作原理驗證碼：

那麼，爲什麼它沒有在我的流星模板代碼工作？

Template.home.onRendered(function() { 
    $(document).ready(function() { 
     /* 
     this method listen if we press "enter" in the research field and click on the button 
     */ 
     $('#tftextinput').keypress(function(e) { 
      if (e.keyCode == 13) { 
       $('#tfbutton').click(); 
      } 
     }); 
     $(document).keydown(function(e) { 
      console.log(e); 
      console.log(e.keyCode); 
      if (e.keyCode == 27) { 
       $('#tftextinput').value=""; 
       $('#tfbutton').click(); 
      } 
     }); 
    }); 
}); 

第一個監聽工作在窗口

$(window).on("keydown",function(e) { 
      console.log(e); 
      console.log(e.keyCode); 
      if (e.keyCode == 27) { 
       $('#tftextinput').value=""; 
       $('#tfbutton').click(); 
      } 
}); 

Answer 1

嘗試（誰聽tftextinput一）做相同的：

Template.home.events({ 
    'keydown':function(event){ 
     ... 
    }, 
    'keypress #tftextinput': function(event){ 
     ... 
    } 
}); 

Answer 2

你可以使用模板事件