google-chrome - las - my chrome apps

jVectorMap onRegionHaga clic en no iniciar el primer clic en Chrome cuando el navegador no está enfocado

Question

El título casi lo dice todo ya que este error solo ocurre en Chrome (la última versión).

Cuando utiliza Chrome y actualmente no tiene el foco, mientras usa dos monitores y luego hace clic en una región del componente jVectorMap cargado en una página en Chrome, el clic no se dispara, solo cuando el navegador se enfoca, en este caso a través del primer clic, el segundo clic en una región activa el evento onRegionClick.

¿Alguien sabe si se trata de un error conocido de Chrome o es el componente jVectorMap el que causa el problema?

Si es así, ¿hay una solución para esto?

* Editar: Notará que el evento onRegionOver del componente funciona incluso cuando Chrome no tiene foco.

Aquí hay un jsFiddle de esto en acción - http://jsfiddle.net/fFTzL/

Estoy publicando la inicialistaion para jVectorMap pero el código adicional se puede ver en 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

Podemos usar algo como:

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