我想在輸入字段輸入后運行函數

Question

我有一個小表格，當前使用按鈕從Google Maps API獲取緯度和經度，並將結果放入輸入字段。 觸發器是按鈕上的事件偵聽器。 我要刪除按鈕，並在添加城市后觸發事件。 我不確定如何實現。 這是我在JS fidler中的代碼。 在此處輸入鏈接說明

function showResult(result) {
    document.getElementById('latitude').value = result.geometry.location.lat()   +' '+ result.geometry.location.lng();

}

function getLatitudeLongitude(callback, address) {
     // If adress is not supplied, use default value 'Ferrol, Galicia, Spain'
address = address || 'Ferrol, Galicia, Spain';
    // Initialize the Geocoder
    geocoder = new google.maps.Geocoder();
    if (geocoder) {
        geocoder.geocode({
            'address': address
        }, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) { 
                callback(results[0]);
            }
        });
    }
}

var button = document.getElementById('btn');

button.addEventListener("click", function () {
    var address = document.getElementById('street').value  +' '+ document.getElementById('city').value;
    getLatitudeLongitude(showResult, address)
});

Answer 1

在城市變化時觸發該事件。

var city = document.getElementById('city');

city.addEventListener("change", function () {
    var address = document.getElementById('street').value  +' '+ document.getElementById('city').value;
    getLatitudeLongitude(showResult, address)
});

Answer 2

模糊事件：

var city = document.getElementById('city');
city.addEventListener("blur", function () {
   var address = document.getElementById('street').value  +' '+ document.getElementById('city').value;
   getLatitudeLongitude(showResult, address)
});

更新小提琴： https : //jsfiddle.net/z6874xou/10/

Answer 3

檢查此代碼JS Fiddle 。 我為城市輸入框添加了onchange事件

 var city = document.getElementById('city');

 city.addEventListener("change", function () {
 var address = document.getElementById('street').value  +' '+ 
 document.getElementById('city').value;
 getLatitudeLongitude(showResult, address) 
});