2017-07-30 107 views
0

形式這顆流星的客戶端代碼有2個按鈕,「清除」按鈕,想清除輸入框,以下行爲注意到:按鈕點擊提交只在Firefox

1)Firefox瀏覽器; windowsXP上的52.2.1和mac上的54.1不會清除輸入框,而是調用clickInfo()

2)在以下瀏覽器正常工作:
一個)鉻59上的MAC
b)中的Safari 10.2
c)中鉻在Android

代碼需要能夠在clickInfo()或者通過調用點擊/點擊INFO按鈕或點擊鍵盤上的ENTER鍵。

任何想法如何獲得清除按鈕來清除所有瀏覽器上的輸入框? THX

Template.footer.events({ 
    'click #clear':() => { 
    event.preventDefault(); 
    dict.set('busy', false); 
    dict.set('prop1', ''); 
    let elem = document.getElementById('prop1'); 
    elem.value = ''; 
    elem.focus(); 
    }, 
    'click #info': function() { 
    event.preventDefault(); 
    clickInfo(); 
    } 
}); 
Template.body.events({ 
    'submit form': function (event) { 
    event.preventDefault(); 
    clickInfo(); 
    } 
}); 
<head> 
    <title>myTitle</title> 
    <link rel="apple-touch-icon" href="/appIcon.png"/> 
    <link rel="apple-touch-icon-precomposed" href="/appIcon.png"/> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
</head> 

<body> 
    {{> header}} 
    <div id="main"> 
    <div id="login-div">{{> loginButtons align='right'}}</div> 
    <div id="content"> 
     <form> 
     <button type="submit" style="display:none"></button> 
     {{> content}} 
     {{> footer}} 
     </form> 
    </div> 
    </div> 
</body> 

<template name="footer"> 
    <footer> 
    <button id="clear">CLEAR</button> 
    <button id="info">INFO</button> 
    </footer> 
</template> 
+1

'event.preventDefault();'...'全球對象event'是舊的互聯網爆炸者黑客...鉻已經採取了一些愚蠢的原因,,,使用'(e)=> e.preventDefault();'爲正確的瀏覽器 - 如果您檢查瀏覽器開發者工具缺點ole,你應該看到你的代碼有錯誤(調試101) –

+0

thx。那工作。 –

回答

1

使用這樣'submit form': function (e) {

使用Ë,而不是事件