如何停止从谷歌地点填充自动填充的地址

Question

因此，我有一个谷歌地图自动填充的形式，当它得到一个地方，它需要的地方和格式，以便所有正确的信息进入不同的输入表格。

我遇到的问题是在'place_changed'事件激发自动填充填充输入之前。我想阻止最初的人口，而是用我想在那里的东西来填充。

我试着做一个改变事件，但它似乎没有正确开火。这里是我的代码：

HTML：

<input type="text" name="address1" value="1255 W Washington St" required="" class="form-control" id="id_address1" placeholder="Enter a location" autocomplete="var input = /** @type {HTMLInputElement} */(

JS：

document.getElementById('id_address1')); 
var autocomplete = new google.maps.places.Autocomplete(input); 
google.maps.event.addDomListener(input, 'keydown', function(e) { 
     if (e.keyCode == 13) { 
      e.preventDefault(); 
      console.log('enter'); 
     } 
}); 
google.maps.event.addDomListener(input, 'focusout', function(e) { 
    if ($('#id_address1').val() != $('#id_address1').attr('value')){ 
     $('#id_address1').val($('#id_address1').attr('value')); 
    } 
});off" 

google.maps.event.addListener(autocomplete, 'place_changed', function() { 
    var place = autocomplete.getPlace(); 
    if (place.address_components) { 
     var address = ''; 

     for (var i = 0; i < place.address_components.length; i++){ 
      switch (place.address_components[i].types[0]){ 
       case 'street_number': 
        address = place.address_components[i].short_name; 
        break; 
       case 'route': 
        address += ' ' + place.address_components[i].short_name; 
        break; 
       case "locality": 
        $('#id_city').val(place.address_components[i].short_name); 
        break; 
       case "administrative_area_level_1": 
        $('#id_state').val(place.address_components[i].short_name); 
        break; 
       case "country": 
        $('#id_country').val(place.address_components[i].short_name); 
        break; 
       case "postal_code": 
        $('#id_zip_code').val(place.address_components[i].long_name); 
        break; 
       } 
     } 
     $('#id_address1').val(address); 
     $('#id_address1').attr('value', address); 
} 

现在当设置ATTR，然后对事件的内容检查是一种解决方法，因为当我选择只使用一个地方它尝试输入原始完整字符串的键盘。

Answer 1

在设置值之前触发模糊事件：

$('#id_address1').trigger('blur').val(address);