事件代码在不同的浏览器中表现不同

这个流星客户端代码有两个按钮。点击CLEAR按钮打印以下控制台：
铬：“页脚明确”
火狐：“表单提交”控制台还提供了“的ReferenceError：未定义事件”事件代码在不同的浏览器中表现不同

我怎样才能解决这个问题，以便它在所有浏览器中打印“页脚清除”？ THX

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>

来源

2017-01-19 Fred J.

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

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

浏览器显然有一个名为“事件”的全局变量，但Firefox是挑剔的。

来源

2017-01-19 22:42:23 Mikkel

事件代码在不同的浏览器中表现不同

回答

相关问题