Javascript: keydown Ereignis Brennen nicht

Question

ich ein userscript mit dem folgenden Code schreibe:

(function() { 
    'use strict'; 
    window.addEventListener("keydown", arrows, false); 
    function arrows(e) { 
     debugger; 
     switch(e.keycode) { 
      case 37: alert("Left"); break; 
      case 39: alert("Right"); break; 
     } 
    } 
})(); 

Schließlich die linke und rechte Fälle auf die vorherigen und nächsten Artikel in einer Reihe navigieren jeweils mit so etwas wie:

window.location = String(parseInt(window.location.href.match(/\d+$/))-1); 

Durch Drücken der Pfeiltasten wird jedoch keine Warnung ausgegeben. Das Skript ist klar geladen, das Chrome-Entwickler-Menü zeigt an, dass die arrows()-Funktion als Ereignis-Listener für window.keydown registriert ist und die Funktion dennoch nicht ausgelöst wird. Ich fügte debugger; zur arrows() Funktion hinzu, aber der Debugger zeigt nicht an, wenn ich die Pfeiltasten drücke.

Answer 1

Sie die keyCode mispelled haben:

switch(e.keyCode) { // Code is uppercase 
    case 37: alert("Left"); break; 
    case 39: alert("Right"); break; 
} 

Answer 2

Die event propagation wahrscheinlich für ein Element an einem bestimmten Punkt auf dem Handler gestoppt zu werden, bevor es aufgrund von Blasen bis zu window (wahrscheinlich ein schlecht geschrieben onkeydownfalse Rückkehr um die Standardaktion zu verhindern, ohne darauf zu achten, dass dies auch die Verbreitung stoppt).

Sie sollten Ihre Zuhörer anhängen mit erfassen, so dass er das Ereignis bei window erfassen wird, vor es sprudelt:

// note the third parameter 
window.addEventListener("keydown", arrows, true);