¿Hay un 'enfoque' en JavaScript (o jQuery)?

Question

¿Hay algo que pueda hacer así (perhap a través de un plug-in)

if (! $('form#contact input]').hasFocus()) { 
    $('form#contact input:first]').focus(); 
} 

Básicamente, establecer el foco en la primera entrada, pero sólo si el usuario no ha hecho clic en cualquier cosa?

Sé que esto también funcionará, pero ¿hay algo más elegante?

$(function() { 
    var focused = false; 
    $('form#contact input]').focus(function() { 
    focused = true; 
    }); 
    setTimeout(function() { 
    if (! focused) {  
     $('form#contact input:first]').focus(); 
    } 
    }, 500); 
}); 

Answer 1

No hay una solución nativa, pero sí hay una más elegante forma en que puede hacerlo:

jQuery.extend(jQuery.expr[':'], { 
    focus: "a == document.activeElement" 
}); 

Yo está definiendo un nuevo selector. Ver Plugins/Authoring. A continuación, puede hacer:

if ($("...").is(":focus")) { 
    ... 
} 

o:

$("input:focus").doStuff(); 

Answer 2

No, no lo hay.

Sin embargo, se puede simular de esta manera:

$(':input') 
    .data('focused', false) 
    .focus(function() { $.data(this, 'focused', true); }) 
    .blur(function() { $.data(this, 'focused', false); }); 

Answer 3

Hay un plugin http://plugins.jquery.com/project/focused

También puede comprobar Using jQuery to test if an input has focus

Answer 4

$('input:focus')

Es CSS. No es necesario crear un "selector personalizado". ¡Ya existe! http://www.w3schools.com/CSS/pr_pseudo_focus.asp

Simplemente adjunte el proceso que desee hacer a ese selector, y lo eliminará si el elemento en cuestión no está enfocado. Hice esto recientemente para mantener un keyup instanciando una comprobación de error de entrada de correo electrónico cuando la entrada de correo electrónico no se estaba utilizando.

Si todo lo que estamos tratando de hacer es comprobar si el usuario se ha centrado en sí mismos nada, sólo hacer esto:

if($('input:focus').size() == 0){ 
    /* Perform your function! */ 
} 

Answer 5

tuve problemas con el enfoque Cletus, usando jQuery 1.3.2 y Firefox 3.6. 8, porque la cadena "a == document.activeElement" no era una función válida.

Lo arreglé definiendo una función para la clave focus. De hecho, todas las demás teclas definidas en jQuery.expr[':'] se definen como funciones. Aquí está el código:

jQuery.extend(jQuery.expr[':'], { 
    focus: function(e){ return e == document.activeElement; } 
}); 

Por lo tanto, ahora funciona como se esperaba.

Sin embargo, estaba experimentando un comportamiento extraño en Firefox 3.6.8 (¿quizás un error en FF?). Si hacía clic en un texto de entrada mientras se procesaba la página, y si llamaba al is(":focus") en la carga de la página, obtenía un error del navegador, reportado por FireBug, y el script se rompía.

Para solucionar esto, rodeé el código con un bloque try...catch, devolviendo false en caso de error.Úselo si desea evitar que sus usuarios experimenten el mismo error:

jQuery.extend(jQuery.expr[':'], { 
    focus: function(e){ 
     try{ return e == document.activeElement; } 
     catch(err){ return false; } 
    } 
}); 

Answer 6

Aquí hay una forma concisa de hacerlo.

$(document.activeElement) 

o para conectarlo a su ejemplo ..

if ($('form#contact input]')!=$(document.activeElement)) { ... } 

Answer 7

jQuery 1.6 ahora tiene un selector dedicado :focus.

Answer 8

Sé que esto es una cuestión de edad, pero puede ser mi solución ayudará a alguien :)

ya que esto aún no ha trabajado para mí:

if ($(this)!=$(document.activeElement)) { ... } 

..were "este" se devuelve desde el desenfoque función. Así lo hice:

if ($(document.activeElement).attr("class") != "input_textbox"){ ... } 

Answer 9

$('*:focus') 

(Necro ftw, pero sigue siendo válida y útil)

Answer 10

frustrante difícil encontrar una solución a este problema teniendo en cuenta que la solución es realmente muy simple:

if (document.activeElement == this) { 
 
    // has focus 
 
} 
 

 
if (document.activeElement != this) { 
 
    // does not have focus 
 
}