使用輸入用Javascript提交搜索按鈕沒有刷新頁面

Question

我只想使用JavaScript，所以沒有jQuery。 我目前有：

var button = document.getElementById('add_button'); 
button.addEventListener('click', search); 
button.addEventListener('keyup', function(event) { 
    if (event.which === 13) { 
     search(); 
     return true; 
    } 
}); 

這是HTML：

<form> 
    <input type="button" id="button" value=""> 
    </form> 

它只是刷新頁面時，我點擊進入，雖然 - 任何想法？

Answer 1

解決的辦法是使用preventDefault()屬性。

button.addEventListener('keyup', function(event) { 
    event.preventDefault(); 
    if (event.which === 13) { 
     search(); 
     return true; 
    } 
});