javascript - teclas - ¿Presiona la tecla de captura sin colocar un elemento de entrada en la página?

como hacer captura de pantalla en windows 7 laptop

Question

Cómo capturar la pulsación de tecla, por ejemplo, Ctrl + Z, sin colocar un elemento de entrada en la página en JavaScript? Parece que en IE, los eventos de keypress y keyup solo pueden vincularse a los elementos de entrada (cuadros de entrada, áreas de texto, etc.)

Answer 1

Para JS moderno, use event.key !

document.addEventListener("keypress", function onPress(event) {
if (event.key === "z" && event.ctrlKey) {
// Do something awesome
}
});

Documentos de Mozilla

Navegadores compatibles

Answer 2

Código y detecta ctrl + z

document.onkeyup = function(e) {
if(e.ctrlKey && e.keyCode == 90) {
// ctrl+z pressed
}
}

Answer 3

Detectar pulsación de tecla, incluidas combinaciones de teclas:

window.addEventListener(''keydown'', function (e) {
if (e.ctrlKey && e.keyCode == 90) {
// Ctrl + z pressed
}
});

El beneficio aquí es que no sobrescribe ninguna propiedad global, sino que simplemente introduce un efecto secundario. No es bueno, pero definitivamente es mucho menos nefasto que otras sugerencias aquí.

Answer 4

Para teclas no imprimibles como teclas de flecha y teclas de método abreviado como Ctrl-z, Ctrl-x, Ctrl-c que pueden desencadenar alguna acción en el navegador (por ejemplo, dentro de documentos o elementos editables), es posible que no obtenga una pulsación de tecla evento en todos los navegadores. Por este motivo, debe utilizar la keydown , si le interesa suprimir la acción predeterminada del navegador. Si no, keyup igual de bien.

keydown un evento de selección para document trabajos en todos los principales navegadores:

document.onkeydown = function(evt) {
evt = evt || window.event;
if (evt.ctrlKey && evt.keyCode == 90) {
alert("Ctrl-Z");
}
};

Para una referencia completa, recomiendo encarecidamente el artículo de Jan Wolter sobre el manejo de claves de JavaScript .

Answer 5

document.onkeydown = keyDown;

document.onkeypress = keyPress;

etc.

Funciona para mí en IE

Answer 6

jQuery también tiene una implementación excelente que es increíblemente fácil de usar. A continuación, le mostramos cómo implementar esta funcionalidad en todos los navegadores:

$(document).keypress(function(e){
var checkWebkitandIE=(e.which==26 ? 1 : 0);
var checkMoz=(e.which==122 && e.ctrlKey ? 1 : 0);
if (checkWebkitandIE || checkMoz) $("body").append("<p>ctrl+z detected!</p>");
});

Probado en IE7, Firefox 3.6.3 y Chrome 4.1.249.1064

Otra forma de hacerlo es utilizar el evento de selección y rastrear el evento .keyCode. Sin embargo, dado que jQuery normaliza keyCode y charCode utilizando event.which, su especificación recomienda utilizar event.which en una variedad de situaciones:

$(document).keydown(function(e){
if (e.keyCode==90 && e.ctrlKey)
$("body").append("<p>ctrl+z detected!</p>");
});