javascript: Cómo depurar eventos de teclado

Question

Imagina una aplicación web que utiliza controladores de eventos de teclado personalizados que pueden provocar un evento de borboteo o captura de eventos.
¿Hay alguna manera (por ejemplo, complemento de Firefox/Firebug) a depuración cada evento golpe de teclado/teclado, algo así como:

• mostrando el tipo de evento y todos los atributos
• huella que javascript método había sido llamado
• en caso de burbujeo acontecimiento que otros métodos han sido llamados

Para aclarar mi pregunta: no sé cual existen controladores de método y en el que se definen - esto es lo que trato de descubrir.

Answer 1

No conozco ninguna extensión para este propósito. Sin embargo, puede escribir controladores para eventos clave y luego imprimir el resultado apropiado a la consola de JavaScript. También puedes volcar rastros también. Firebug tiene funcionalidad de rastreo integrada: console.trace(). Puede buscar en Google con js trace palabras clave para encontrar algunas herramientas de rastreo también.

This page es un buen ejemplo para manejar eventos de teclado.

Answer 2

Puede tratar de visualizar las salidas con la extensión Firebug + Eventbug.

Para una visión general sobre los eventos de teclado en diferentes navegadores, intente esto: http://unixpapa.com/js/key.html

Answer 3

En IE se puede utilizar la palabra clave debugger;. No está seguro sobre la amabilidad x-navegador:

function sayHello() { 
    debugger; // will break here and launch script debugging in IE 
    alert('hello world'); 
} 

En el contexto de su reto:

function someKeyPress(e) { 
    debugger; 
    // inspect e.keyCode ... etc 
} 

me parece que esta es la técnica de depuración más eficaz, pero por otra parte me paso mucho tiempo en IE. Muchas personas son cómodas con Firebug, pero me parece engorroso y mucho menos intuitivo que el depurador de IE. El depurador de IE proporciona una evaluación más fácil de los relojes y las expresiones, y también proporciona información sobre herramientas interactiva basada en la reflexión (como el depurador VS).

Además, según su pregunta "trace qué método se llamó", la pila de llamadas es muy sensible y fácil de seguir.

ACTUALIZACIÓN:

Aquí es un script para colocar en la parte inferior de cada página para atrapar y depurar los eventos, en el IE:

<script type="text/javascript"> 
    function wrapIfHandled(el, evt) { 
     if (el && evt && el['on' + evt]) { 
      el['_on' + evt] = el['on' + evt]; 
      el['on' + evt] = function (e) { 
       foo(e, el['_on' + evt]); 
      }; 
     } 
    } 

    function wrapAll() { 
     var allEl = document.getElementsByTagName("*"); 
     for (var i = 0; i < allEl.length; i++) { 
      wrapIfHandled(allEl[i], 'click'); 
      // wrapIfHandled(allEl[i], other event names <keyup, keydown, etc> 
     } 
    } 

    function foo(e, d) { 
     debugger; 
     d(e); 
    } 

    wrapAll(); 
</script>