google chrome no desencadena desenfoque de evento en los botones de radio?

Question

Este es mi primer post aquí - hola a todos

estoy desarrollando actualmente un formulario HTML con el apoyo de CSS y jQuery. El formulario será utilizado por "usuarios inexpertos" por lo que mi atención se centra en la buena usabilidad. Por lo tanto, estoy proporcionando una pista para cada campo de entrada con más instrucciones. Para mostrar las sugerencias, estoy utilizando el evento onfocus/onblur javascript, por lo que solo se muestra una sugerencia a la vez. Esto funcionó bien cuando solo tenía campos de entrada de type="text", pero con campos de entrada de type="radio" tengo problemas en google chrome.

Hice un ejemplo rápido en jsfiddle.net para que pueda ver lo que quiero decir. El código allí es muy similar al código que uso en mi formulario, así que no me molesté en publicarlo aquí. La alerta aparece en todos los navegadores que probé hasta ahora excepto google chrome. ¿Me pregunto porque? ¿Hay alguna solución conocida o solución alternativa?

Answer 1

Working sample:

$('input').on({ 
    click: function (e) { 
     this.focus(); 
     $('#' + this.id + 'msg').show(); 
    }, 
    blur: function (e) { 
     $('#' + this.id + 'msg').hide(); 
    } 
}); 

Answer 2

blur funcionará en ciertas versiones de Chrome (pero no en la mía 10.0.648.205), pero solo si se aleja de toda la colección de elementos. No estoy seguro si esto es útil, pero esto va a funcionar:

$('input:radio').click(function() { 
    alert('why does this not show up in google chrome?!'); 
}); 

HTH.

Answer 3

De quirksmode:

Safari y Chrome no se activan eventos de enfoque/desenfoque cuando el usuario utiliza el ratón para acceder casillas de verificación, radios o botones. Los campos de texto, textareas y seleccionan los cuadros que funcionan correctamente.

Hay algunas sugerencias para evitar este here.