Forzar el enfoque en un elemento con una excepción. (jQuery)

Question

Tengo dos campos de entrada. Quiero forzar el enfoque en #area sin importar dónde haga clic en a menos que esté en #input. Intenté algo como esto, pero como la entrada es parte del documento, no funciona.

$("#area").focus(); 
$(document).click(function() { $("#area").focus() }; 
$("#input").click(function() { $("#input").focus() }; 

¿Pensamientos?

Answer 1

cambio a

$("#area").focus(); 
$(document).click(function() { $("#area").focus() }); 
$("#input").click(function(e) { e.stopPropagation(); $("#input").focus() }); 

Esto detendrá el caso de que brotará para el documento, y sólo se ha caído en la #input

Answer 2

Es necesario cancelar la propagación de eventos cuando se hace clic sobre la normal entradas, ya sea devolviendo false en su controlador de eventos, o llamando al e.stopPropagation().

No estoy seguro de si el orden en el que asigna los controladores de eventos importa, pero puede tratar de poner el evento #input primero.

Answer 3

La solución stopPropogation es más simple de lo que estoy por sugerir, pero probablemente valga la pena discutir esta otra opción. En esa primera función que tenga, es posible que trate de tomar el primer argumento de la función, que es un objeto de evento jQuery normalizada:

$(document).click(function(event) { ... 

y probarlo para ver si la propiedad target del evento es su opinión :

$(document).click(function(event) { 
    if(! (event.target == $("#input").get(0))) 
     $("#area").focus(); 
}