提问者:小点点

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


我有一个与此类似的问题,但我不希望浏览器在我按下“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的输入页面,没有发现任何东西。


共1个答案

匿名用户

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

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