使用enter在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;
   }
});