两个相同的keydown事件;只有一个工程

我想用Meter创建一个webapp。我有这个在client.js：两个相同的keydown事件;只有一个工程

Template.messages.helpers({ 
    messages: function() { 
     return Messages.find({}, { sort: { time: -1}}); 
    } 

}) 

Template.chats.helpers({ 
    chats: function() { 
     return Chats.find({}, { sort: { time: -1}}); 
    } 

}) 

Template.input.events({ 
    "keydown input#message" : function (event) { 
     if (event.which == 13) { // 13 is the enter key event 
     if (Meteor.user()) 
      var name = Meteor.user().username; 
     else 
      var name = 'Anonymous'; 
     var message = document.getElementById('message'); 

     if (message.value != '') { 
      Messages.insert({ 
      name: name, 
      message: message.value, 
      time: Date.now(), 
      }); 

      document.getElementById('message').value = ''; 
      message.value = ''; 
     } 
     } 
    } 
}); 

Template.inputchat.events({ 
    "keydown inputchat#chatid" : function (event) { 
     if (event.which == 13) { // 13 is the enter key event 
      if (Meteor.user()) 
      var name = Meteor.user().username; 
      else 
      var name = 'Anonymous'; 
      var chat = document.getElementById('chatid'); 

      if (chat.value != '') { 
      Chats.insert({ 
       name: name, 
       title: chat.value, 
       time: Date.now(), 
      }); 

      document.getElementById('chatid').value = ''; 
      chat.value = ''; 
      } 
     } 
    } 
});

在我的HTML文件：

<template name="Index"> 
<body> 
    {{> input }} 
    {{> messages }} 
    {{> inputchat }} 
    {{> chats }} 
</body> 
</template> 
<template name="input"> 
    <p>Message: <input type="text" id="message"></p> 
</template> 

<template name="inputchat"> 
    <p>Chat name: <input type="text" id="chatid"></p> 
</template> 

<template name="messages"> 
    {{#each messages}} 
    <strong>{{name}}:</strong> {{message}}<br> 
    {{/each}} 
</template> 

<template name="chats"> 
    {{#each chats}} 
    <strong>{{name}}:</strong> {{chat}}<br> 
    {{/each}} 
</template>

最后，在models.js：

Messages = new Mongo.Collection('messages'); 
Chats = new Mongo.Collection('chats');

当我输入一些东西并点击进入在{{>输入}}上，一切工作正常。该消息被添加到集合和模板，并且输入框变空。

我一直在寻找相同的东西，当输入和击中inputchat输入。然而，没有任何反应。谢谢。

来源

2015-01-13 Lucas Veiga

与 首先解决方法尝试

Template.input.events({ 
     "keydown #message" : function (event) { 
     } 
    })

使用IDS

第二种解决

同时更换"keydown inpuchat"只是"keydown input#chatid

来源

2015-01-13 06:02:08 Ethaan

现在我不能输入类型anythong和inputchat是相同...似乎我不是正确地“引用”inputchat，因为这些更改不会影响它吗？ –

使用ids'Template.input.events（{0 {0}}}}}我的意思是删除'输入'字只是使用'＃idInput' – Ethaan

工作，谢谢！你可以精心为什么？ –

两个相同的keydown事件;只有一个工程

回答

相关问题