Javascript 事件以不希望的顺序触发

Question

问题：

mouseout 事件触发得太早，当用户将鼠标拖到标记上过快时，会导致信息框保持打开状态。换句话说...如果用户快速移入和移出标记...mouseover 事件触发，然后mouseout 事件触发...但是，placesService 回调被执行，ib.open() 是调用。

代码：

map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

var request = {
    key: 'for_my_eyes_only',
    location: new google.maps.LatLng(some_lat, some_lng);,
    radius: '500',
    types: ["restaurant"]
};

var service = new google.maps.places.PlacesService(map);
service.search(request, placesCallback);

function placesCallback(results, status) {
    if (status == google.maps.places.PlacesServiceStatus.OK) {
        for (var i = 0; i < results.length; i++) {

            var place = results[i];
            var marker = new google.maps.Marker({
                map: map,
                position: place.geometry.location,
            });

            //Infobox settings
                var ib = new InfoBox({
                    //a bunch of irrelevant properties.
                });

            google.maps.event.addListener(marker, 'mouseover', markerMouseOverFactory(place, marker, ib));
            google.maps.event.addListener(marker, 'mouseout', markerMouseOutFactory(ib));
        }
    }
}

function markerMouseOverFactory(place, marker, ib){
    return function(){
        var detailService = new google.maps.places.PlacesService(map);
        detailService.getDetails({reference: place.reference}, function(details, status){
            if (status == google.maps.places.PlacesServiceStatus.OK) {
                ib.setContent(/*set some content using details*/);
                ib.open(map, marker);
            }
        });
    }

}

function markerMouseOutFactory(ib){
    return function(){
        ib.close();
    }
}

问题：

有没有办法放弃谷歌地图 AJAX 请求？如果我可以放弃 mouseout 监听器中的 AJAX 请求，一切都会好起来的。或者，你将如何解决这个问题？我尝试在 mouseout 中使用一个简单的标志，但无法正常工作。

Answer 1

据我所知，API 中没有取消请求的方法。但我要做的是延迟在mouseover 事件中执行的回调。这样如果用户按住鼠标的时间超过指定时间；这意味着他/她希望显示infobox。

解决方法：

var delayTimer, delay = 800; //less than 1 sec. delay
google.maps.event.addListener(marker, 'mouseover', function() {
    delayTimer = setTimeout(function() { 
        markerMouseOverFactory(place, marker, ib); 
    }, delay);
});

google.maps.event.addListener(marker, 'mouseout', markerMouseOutFactory(ib));
function markerMouseOutFactory(ib){
    clearTimeout(delayTimer); //clear timeout here
    return function(){
        ib.close();
    }
}