Meteor preventDefault()函数不起作用

时间:2016-08-29 20:16:10

标签: javascript meteor meteor-blaze

所以我遇到了这个问题,防止默认设置无法在我的网络应用程序上运行。我是流星的新手。这是我的body.js

import { Template } from 'meteor/templating';
import '../body.html';

Template.newround.events({
  'submit .new-round'(event) {
    event.preventDefault();

    console.log("test");
  },
});

询问您是否还需要其他信息。

HTML:

<body>

  <div class="container-fluid">

    <div class="row" style="display: flex; justify-content: center; align-items: center; min-height: 100%;">

      <div class="col-md-3"><!--  --></div>

      <div class="col-md-6">

        <div class="panel panel-default">
          <div class="panel-body">
            <h1 class="center-text">Welcome to FightBot!</h1>
            <p class="center-text">With FightBot you can increase your reaction time! Lets begin!</p>
          </div>

          <hr>

          <div class="panel-body">

            {{> newround }}

          </div>

        </div>

      </div>

      <div class="col-md-3"><!--  --></div>

    </div>

  </div>

</body>

<template name="newround">

<form class="new-round">

  <p>Seconds between strikes:</p>

  <input type="text" class="form-control" name="seconds">

  <br>

  <input type="submit" class="btn btn-success pull-right" value="Start">

</form>

</template>

如果只需要其他任何内容,那就是所有的HTML。

1 个答案:

答案 0 :(得分:0)

我想newround是一个包含表单的模板,而event.preventDefault()应该阻止默认行为(阻止提交表单)。它假设您将自己处理提交。 console.log(&#34; test&#34;)行仍应执行。什么不起作用?