輸入文本不能保存按下輸入的值

Question

我有一個文本字段，用戶應該輸入一個地址。點擊搜索按鈕後，將執行一個函數，該函數使用該地址來查找附近的POI。這很好。但是，當用戶點擊返回鍵時，文本字段的值不保存在變量中。這導致搜索被執行地址變量的舊值。

我甚至都不明白爲什麼它使它有所不同，說實話。

HTML

<form action="" method="post"> 
<input type="text" class="innenfeld" id="addressInput" name="addressInput"> 
<input type="button" class="send" onclick="newsearch()"/> 
</form> 

的JavaScript

function newsearch() { 
    var address = document.getElementById("addressInput").value; 
    var geocoder = new google.maps.Geocoder(); 
    geocoder.geocode({address: address}, function(results, status) { 
     if (status == google.maps.GeocoderStatus.OK) { 
     searchLocationsNear(results[0].geometry.location); 
     } else { 
     alert(address + ' not found'); 
     } 
    }); 
    } 

Answer 1

擊中輸入被提交表單。你將需要添加一個onsubmit事件，調用你的函數（返回假阻止它真正退出頁）

<form action="" method="post" onsubmit="newsearch(); return false">