javascript - 无法使用meteorjs中的点击事件获取输入值

Question

我是 meteor 新手，在点击事件中遇到一些问题。

代码是:

Template.addPost.events({
 'click button':function(event){
    event.preventDefault();
    var postName=event.target.postName.value;
    Posts.insert({
      name:postName,
      createdAt:new Date()
    });
    event.target.postName.value='';
  }
});

HTML 代码为:

<template name='addPost'>
  <input type='text' placeholder='Add post here' name='postName'>
  <button class="btn btn" type="button">Post</button>
</template>

但是，在浏览器中单击按钮时，输入值不会插入到 mongo 数据库中。

Answer 1

点击事件位于按钮上，但您想引用插入中输入字段的值。您的 input 字段已经有一个 name，因此您可以使用 jQuery 和名称选择器引用它:

Template.addPost.events({
 'click button': function(event){
    event.preventDefault();
    var postName = $('input[name="postName"]').val();
    Posts.insert({ name: postName, createdAt: new Date() });
    $('input[name="postName"]').val('');
  }
});