Ventana IE9 pierde enfoque debido a jQuery Mobile

Question

En nuestro producto, estamos utilizando la versión de desarrollo más reciente de jQuery Mobile en nuestro sitio web ASP.NET. Cada vez que hacemos una devolución de datos de ASP.NET, la ventana del navegador va a la parte posterior de la pantalla.

Ejemplo:

• maximizar cualquier ventana. Ejemplo: Visual Studio, Word, Windows Explorer.
• Maximiza IE9 sobre él. IE9 es lo único que ve en la pantalla.
• Haga clic en un botón en nuestra solución que hace una devolución de datos.
• IE9 ya no está visible. Lo que estaba detrás de él ahora tiene el foco (y llena la pantalla, ya que es maximizado)

Sólo las soluciones que conozco:

• no incluyen los scripts jQuery móviles.
• Asegúrese de que IE9 sea la única ventana maximizada en Windows.

No sé qué hace jQuery Mobile en segundo plano y supongo que esto es un error en IE9 que eventualmente se solucionará. Sin embargo, si tuviera algún consejo sobre cómo evitar que ocurra mientras tanto, sería genial.

Editar: Parece que no está en cada devolución. Está en cada devolución de datos que realiza un Response.Redirect. Debo añadir que toda mi devolución de datos en realidad está utilizando ASP.NET AJAX, no devoluciones completas.

Answer 1

Sé que esto es una entrada antigua, pero para las personas que vienen aquí desde Google:

me encontré con este mismo problema hoy en día. Parece que este comportamiento de pérdida de foco es lo que IE hace cuando desencadena el evento de desenfoque en el objeto de ventana. Este fue el código que causó este problema para mí:

$(document.activeElement).blur(); 

activeElement mostrará un mensaje en el elemento del cuerpo cuando no hay otros elementos en el enfoque y desenfoque del evento y luego se propaga hacia arriba de la ventana. Para solucionar esto simplemente hice una comprobación como:

if (document.activeElement != $('body')[0]) { 
    $(document.activeElement).blur(); 
} 

Answer 2

Tuve un problema similar con IE10 y jQuery 1.7.2. me encontré con estas líneas en mi código:

$(document.activeElement).blur(); 

y

$(':focus').blur(); 

Por lo tanto, la adición de .no sencilla ('cuerpo') resuelve el problema:

$(document.activeElement).not('body').blur(); 
$(':focus').not('body').blur(); 

Answer 3

Este mismo problema parece ocurrir con jQuery Mobile 1.4.2.

Al usar IE 10, con una sola pestaña abierta y otra ventana en el mismo monitor, si abre una ventana emergente enviará el navegador al fondo.

Para solucionar esto, debe editar la función _handleDocumentFocusIn. Es necesario cambiar la línea (10391) que lee:

target.blur();

a

if (targetElement.nodeName.toLowerCase() !== "body") 
{ 
    target.blur(); 
} 

hice una solicitud de extracción y espero que esto se incluirá en la próxima versión.

Answer 4

Simplemente publicando este enlace a cualquiera que esté experimentando más de este desorden continuo. Estoy viendo el problema en IE 9 e IE 10 en una ventana.location = 'BLAH', desde dentro del recurso de ubicación angular.

Esto no parece resolver el problema para mí, pero puede ayudar a los demás:

http://support.microsoft.com/kb/2600156/en-us