jquery - 流星按键不起作用

Question

我正在使用流星更新数据库中的文档。但是 keydown 似乎不起作用。这是代码。

Template.leaderboard.events({
    'keydown button.inc': function(evt) {
        if (evt.which === 39) {
            Players.update(Session.get("character"), {$inc: {score: 20}});
        }

        Players.update(Session.get("character"), {$inc: {score: 20}});
        //Players.update(Session.get("character"), {$set: {name: 'images/characters/ninja.png'}});
    },
    'keydown': function(evt) {
        if (evt.which === 37) {
            Players.update(Session.get("character"), {$inc: {score: -20}});
            //Players.update(Session.get("character"), {$set: {name: 'images/characters/ninjaleft.png'}});
        }
        Players.update(Session.get("character"), {$inc: {score: -20}});
    }
});

为什么我的按键不起作用？

Answer 1

我已经成功地将键盘事件附加到文本区域和输入，如下所示：

Template.inputArea.events({
  'keydown textarea' : function(e){
     console.log(e.which);
  }
});

我不太熟悉将键盘事件附加到其他 DOM 元素。我知道对于window事件，我不得不使用 jQuery 来附加 keydown 输入。

Template.foo.rendered = function(){
  $(window).on('keydown', function(e){
    console.log(e.which);
  });
};

// and on newer versions 

Template.foo.onRendered( function() {
    $(window).on('keydown', function(e){
        console.log(e.which);
    });
});

也许你可以尝试类似的东西......