在表单[副本]上按下Enter键时，找到保持在页面上的方法

Question

我有一个与此类似的问题，但我不希望浏览器在我按下“Enter”键时提交表单。相反，我有如下表单：

<form id="google_inputs">

    <h1 class="theme-text">Find a Store</h1>

    <input type="text" id="origin-address" value=""><br>

    <input type="button" label="test" value="search stores" onclick="onGoogleDistanceSearch()"/>

    <input type="button" label="test" value="search stores using my location" onclick="onGoogleDistanceSearchWithCurrentLocation()"/>

<form/> 

我有JavaScript，当按钮被按下时会呈现HTML，我不想导致页面刷新。我在谷歌上搜索过类似的帖子，但似乎没有什么能解决这个问题。输入标记是否具有如下属性：

<input type"executeJavaScriptDoNotRefreshPage()"/>

就像我说的，我看了W3的输入页面，没有发现任何东西。

Answer 1

对于表单，您希望截取“Submit”事件。当您截取它时，您可以阻止它用典型的方法提交（一个页面加载到action参数），而代之以类似JavaScript表单提交的东西。

document.getElementById('google_inputs').addEventListener('submit', function(e) {
    e.preventDefault(); // stop the normal submit
    // put your alternative method here
});