Este artigo analisa eventos de teclado em JS. Compartilhe para sua referência. A análise específica é a seguinte:
O efeito deste exemplo:
Pressione qualquer tecla no teclado para exibir o código ASCII correspondente, que é compatível com IE, Chrome e Firefox.
Mas ainda existem muitos problemas:
(1) No IE e Chrome, algumas chaves não têm efeito, como superior, inferior, esquerda, direita, etc.;
(2) A tecla de seta direita no Firefox e a chave de cotação única são 39.
O código específico é o seguinte:
Copie o código da seguinte forma: <html>
<head>
<script type = "text/javascript">
window.onload = function () {
var bd = document.getElementsByTagName ('body') [0];
bd.onkeypress = function (ev) {
EV = EV || Window.Event; // IE não suporta o parâmetro de função EV
alerta (ev.keycode || ev.which); // firefox não suporta o código de chave
}
}
</script>
<style type = "text/css">
#par {width: 300px; altura: 200px; fundo: cinza;}
#son {width: 200px; altura: 100px; fundo: verde;}
</style>
</head>
<Body>
<div id = "par">
<div id = "filho"> </div>
</div>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.