我有一个与此类似的问题,但我不希望浏览器在我按下“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的输入页面,没有发现任何东西。
对于表单,您希望截取“Submit”事件。当您截取它时,您可以阻止它用典型的方法提交(一个页面加载到action参数),而代之以类似JavaScript表单提交的东西。
document.getElementById('google_inputs').addEventListener('submit', function(e) {
e.preventDefault(); // stop the normal submit
// put your alternative method here
});