jQuery $ (document) .keydown() issues

Question

Actualmente estoy trabajando en una aplicación web que requiere una barra de menú de aplicaciones de escritorio estándar. Empecé a trabajar en la barra de menú y ordené el diseño.

Desafortunadamente, el cliente quiere que las teclas de acceso (como Alt + F) carguen el menú "Archivo". Cuando se presiona la tecla Alt, quiero mostrar las teclas de acceso. Actualmente tengo el siguiente código de jQuery para manejar esto:

$(document).ready(function() { 
    $(this).keydown(function(e) { 
     if(e.keyCode == 18) { alt_shifter = true; $('.access_key').css({ textDecoration: 'underline' }); } 
    }); 

    $(this).keyup(function(e) { 
     if(e.keyCode == 18) { alt_shifter = false; $('.access_key').css({ textDecoration: 'none' }); } 
    }); 
}); 

Por desgracia, como se verá en la jsFiddle, por alguna razón en Google Chrome, al presionar Alt, las teclas están subrayados, a continuación, normalizado en keyup. Sin embargo, presionar Alt nuevamente no hace nada, hasta la próxima vez que se presiona. Es casi como si una vez que se haya hecho el subrayado y se haya disparado keyup, no registra la tecla hasta que no se presione nuevamente.

Aquí está la demostración jsFiddle>http://jsfiddle.net/Ht2wD/

sería recibida con gratitud Cualquier ayuda!

Answer 1

He alterado el código para incluir e.preventDefault(); justo antes de la verificación del código clave y parecía funcionar. Aquí está la página web que me ayudó a llegar a esa respuesta http://unixpapa.com/js/key.html

Answer 2

intento con esto: http://jsfiddle.net/Ht2wD/14/

usando e.preventDefault(); trabajo para mí.

Answer 3

Aquí está su violín actualización: http://jsfiddle.net/Ht2wD/13/

Este problema precioso se fija mediante la adición de e.preventDefault(). Si tuviera que adivinar, es porque la tecla ALT también es capturada por el navegador y muestra su propio menú resaltado.

$(document).ready(function() { 
    $(this).keydown(function(e) { 
     e.preventDefault(); 
     if(e.keyCode == 18) { alt_shifter = true; $('.access_key').css({ textDecoration: 'underline' }); } 
    }); 

    $(this).keyup(function(e) { 
     e.preventDefault(); 
     if(e.keyCode == 18) { alt_shifter = false; $('.access_key').css({ textDecoration: 'none' }); } 
    }); 
});