¿Puedo detectar la fuente de un foco? (Javascript, jQuery)

Question

Pregunta rápida: ¿es posible detectar si un foco proviene de un clic del mouse o una pestaña de un evento de enfoque?

Supongo que si no es así, tendré que usar un control de clic en el mismo elemento para determinar la fuente, pero preferiría un camino desde el evento de enfoque.

Gracias

Gausie

Answer 1

puede no funcionar al 100% pero si no hay una manera directa y después no puedes usar Mouseover y detectarlo? La persona tendrá que llevar el mouse sobre el control para seleccionarlo (?)

Answer 2

Estoy bastante seguro de que un evento de enfoque no marca la forma en que se ordenó el enfoque (ventana.focus, tecla, clic ...)

Pero en el caso de un clic, puede detectar el clic del mouse. También puedes detectar el evento del teclado (más sobre eso http://www.quirksmode.org/js/keys.html).

Answer 3

¿Qué hay de usar la posición del mouse?

En el controlador de eventos, compare la posición actual del mouse con el área de su control. Si las coordenadas caen dentro del área del control, no se desplace.

Esta no es una solución perfecta, por supuesto, ya que podrían pasar el elemento por encima y luego tabular sin hacer clic. Pero dado que estás tratando de reducir cualquier desorientación, esto podría ser un buen efecto secundario.

Cuando trabajo con la posición del mouse, me gusta usar el script desde quirksmode.org. Creo que Jquery también puede proporcionarle algunas funcionalidades.

Answer 4

Intente obtener el código clave - aquí hay un enlace a un artículo que detalla cómo. Los comentarios en la parte inferior también pueden ser útiles.

http://www.geekpedia.com/tutorial138_Get-key-press-event-using-JavaScript.html

Aquí está el código del artículo. No se muestra, pero el código de tecla para la lengüeta es 9.

<script type="text/javascript"> 

document.onkeyup = KeyCheck;  

function KeyCheck(e) 

{ 

    var KeyID = (window.event) ? event.keyCode : e.keyCode; 


    switch(KeyID) 

    { 

     case 16: 

     document.Form1.KeyName.value = "Shift"; 

     break; 

     case 17: 

     document.Form1.KeyName.value = "Ctrl"; 

     break; 

     case 18: 

     document.Form1.KeyName.value = "Alt"; 

     break; 

     case 19: 

     document.Form1.KeyName.value = "Pause"; 

     break; 

     case 37: 

     document.Form1.KeyName.value = "Arrow Left"; 

     break; 

     case 38: 

     document.Form1.KeyName.value = "Arrow Up"; 

     break; 

     case 39: 

     document.Form1.KeyName.value = "Arrow Right"; 

     break; 

     case 40: 

     document.Form1.KeyName.value = "Arrow Down"; 

     break; 
    } 

} 
</script> 

Answer 5

Si alguien está interesado, aquí está cómo lo hice:

$('input').focus(function(){ 
    $this = $(this); 
    $this.parents('tr').css('background-color','yellow'); 
    if($this.attr('click')!='true'){ 
     $('body').scrollTop($this.offset().top-($(window).height()/2)); 
    } 
}).blur(function(){ 
    $(this).parents('tr').css('background-color','transparent'); 
}).mouseover(function(){ 
    $(this).attr('click','true'); 
}).mouseout(function(){ 
    $(this).removeAttr('click'); 
});