当触发器进入时它执行快速并返回？答案

【问题标题】：when trigger enter it execute fast and return?当触发器进入时它执行快速并返回？
【发布时间】：2017-12-10 10:19:01
【问题描述】：

当我按下按钮时，一切都很好，但是当按下回车键时，它会触发该功能并在我的浏览器上快速返回，简而言之，它会消失。我尝试了几种方法来按下回车键时触发按钮，但我遇到了同样的问题

function calculate() {
          
         
      var response = document.getElementById("text").value;
    
    if (response ==0 || response =="" || response >100 || response < 0) {
        alert('you should write a 0<number<100');
       
        
    } else{
    
     var start = new Date();
     var date = start.getFullYear();
        

    
   var result = date - response;
   
    x.innerHTML = 'Your Birth is '+ result;
    document.getElementById('ma').style.color = 'lightpink';   
    document.getElementById('ma').style.fontFamily = 'sans-serif';
    document.getElementById('ma').style.fontSize = "45px";
      
 
        
    } ;
    


  
  

};

var x= document.getElementById('ma');
document.getElementById("button").onclick = function(){calculate();};

body {
    outline: none;
}
h1 {
     font-family: fresca;
    outline: none;
    font-size: 35px;
    color:cornflowerblue;
    
}
form {
    margin-top: 20em;
   outline: none;
}

#text{
    width: 35em;
    height: 3em;
    padding-left: 20px;
    border-radius: 5px;
    outline: none;
    
}
#text:focus {
    background: lightblue;
}
#button{
    width: 80;
    height: 3em;
    text-align: center;
    border-radius: 10px;
    border-style: none;
    background: lightblue;
outline: none;
}

#button:hover {
    background: lightgreen;
    
}

<html>

<head>
<link rel="stylesheet" type="text/css" href="css.css">
<link href="https://fonts.googleapis.com/css?family=Fresca" rel="stylesheet">
</head>




<body>
    <center>
    
    <form>
        <input type="text" placeholder="Your Age" id="text" onkeypress="Javascript: if (event.keyCode==13) calculate();" >
        <input type="button" id="button" value="Calculate">
    </form>
        <h1 id="ma" >Manaf</h1>
     
   </center> 
   
    
<script src="script.js";></script>
    
<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>
</body>
</html>

【问题讨论】：

标签： javascript performance return execute enter

【解决方案1】：

<h1 id="ma" >Manaf</h1>

你好，因为你正在包装一个表单，这就是它在输入时触发的原因

【讨论】：