事件代码在不同浏览器中的行为不同

Question

这个 Meteor 客户端代码有两个按钮。 单击CLEAR按钮会将以下内容打印到控制台：
铬：'页脚清除'
Firefox：“表单提交”控制台也给出“ReferenceError：事件未定义”

我该如何解决这个问题，以便它在所有浏览器中打印“页脚清晰”？ 谢谢

Template.footer.events({
  'click #clear': () => {
    event.preventDefault();
    console.log('footer clear');  //<---------- fired in Chrome
  },
  'click #info': () => {
    event.preventDefault();
    console.log('footer info');
  }
});

Template.body.events({
  'submit form': function (event) {
    event.preventDefault();
    console.log('form submitted');  //<---------- fired in Firefox
  }
});

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <div id="main">
    <div id="content">
      <form>
        <button type="submit" style="display:none"></button>
           {{> content}}
           {{> footer}}
      </form>
    </div>
  </div>
</body>

<template name="content">
  <input type="text" id="plateNum" autocomplete="off">
</template>
<template name="footer">
  <footer>
    <button id="clear">CLEAR</button>
    <button id="info">INFO</button>
  </footer>
</template>

Answer 1

您需要将事件作为参数传递给您的点击处理程序：

Template.footer.events({
  'click #clear': (event) => {
    event.preventDefault();
    console.log('footer clear');  //<---------- fired in Chrome
  },
  'click #info': (event) => {
    event.preventDefault();
    console.log('footer info');
  }
});

Chrome 显然有一个名为“event”的全局变量，但 Firefox 对此很挑剔。

事件代码在不同浏览器中的行为不同

问题描述

1 个解决方案

解决方案1
1 已采纳 2017-01-19 22:42:23

事件代码在不同浏览器中的行为不同

问题描述

1 个解决方案

解决方案1 1 已采纳 2017-01-19 22:42:23

解决方案1
1 已采纳 2017-01-19 22:42:23