google-chrome - 当浏览器未处于焦点时，jVectorMap onRegionClick 在 Chrome 中第一次单击时不会触发

Question

标题几乎说明了一切，因为此错误仅发生在 Chrome(最新版本)中。

当使用 Chrome 并且当前没有焦点时，在使用两个显示器时，然后单击 Chrome 中页面上加载的 jVectorMap 组件的区域，单击不会触发，仅当浏览器获得焦点时，在这种情况下，通过第一次单击，第二次单击某个区域是否会触发 onRegionClick 事件。

有谁知道这是一个已知的 Chrome 错误还是 jVectorMap 组件导致了问题？

如果是这样，有解决办法吗？

*编辑:您会注意到，即使 Chrome 没有焦点，组件的 onRegionOver 事件也会起作用。

这是一个正在运行的 jsFiddle - http://jsfiddle.net/fFTzL/

<小时/>

我正在发布 jVectorMap 的初始化，但可以在 jsFiddle 中看到附加代码。

    $map = $('.map');
    var map = new jvm.WorldMap({
        map: 'world_mill_en',
        container: $map,
        normalizeFunction: 'polynomial',
        zoomButtons: false,
        zoomOnScroll: false,
        hoverOpacity: 1,
        hoverColor: false,
        backgroundColor: '#fff',
        regionStyle: {
            initial: {
                fill: '#cdcccc',
                    "fill-opacity": 1,
                stroke: 'white',
                    "stroke-width": 0,
                    "stroke-opacity": 1
            },
            hover: {
                "fill-opacity": 1
            },
            selected: {
                fill: '#6eab24'
            }
        },
        series: {
            regions: [{
                attribute: 'fill'
            }]
        },
        regionsSelectable: true,
        regionsSelectableOne: true,
        onRegionLabelShow: function (event, label, code) {
            code = code.toLowerCase();
            var content = regionCheck(code, "region");
            if (content) {
                label.css('left', -200);
                $("path", $(this)).css("cursor", "pointer");
            } else {
                event.preventDefault();
                label.text("");
                $("path", $(this)).css("cursor", "default");
            }
        },
        onRegionOver: function (event, code) {
            map.clearSelectedRegions();
            code = code.toLowerCase();
            var content = regionCheck(code);
            if (content) {
                regionCode = code;
                map.setSelectedRegions([code.toUpperCase()]);
            }
        },
        onRegionOut: function (event, code) {
            map.clearSelectedRegions();
            code = code.toLowerCase();
            var content = regionCheck(code);
            if (content) {
                map.setSelectedRegions([code.toUpperCase()]);
            } else {
                return false;
            }
            regionCode = '';
        },
        onRegionClick: function (event, code) {
            alert("Country clicked");
        }
    });
    map.series.regions[0].setValues(colors);

Answer 1

我们可以使用类似的东西:

$map.on('click', function(e){
  if (~e.target.className.baseVal.indexOf('jvectormap-region')) {
    ..
  }
});