Comment écouter la touche enfoncée sur tout le document en utilisant JavaScript et Meteor template?

Question

J'ai fondé que si je veux écouter sur tout le document que je dois faire:

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

mais il ne pas écrire quoi que ce soit dans la console ... Je l'ai essayé une autre la version comme ceci:

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

ce code est dans le $(document).ready(function() {}); , mais rien ne se passait aussi ...

EDIT:

Si je vous écris ce code dans la console Web, il fonctionne:

Alors pourquoi cela ne fonctionne pas dans mon code de modèle Meteor?

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

le premier écouteur est (celui qui écoute tftextinput)

Answer 1

Essayez sur la fenêtre

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

Answer 2

Vous pouvez utiliser des événements de modèle pour faire la même chose:

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