入力を使用して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; 
    } 
});