javascript - teclas - tecla retroceso jquery
Detecta varias teclas en un solo evento de pulsación de tecla en jQuery (12)
¿Es posible combinar una combinación de pulsaciones de teclas para disparar un solo evento?
$(document).keyup(function(e){
if (e.keyCode == 68 && e.keyCode == 69 && e.keyCode == 86) {
alert(''oh hai'');
}
});
Lo probé en Chrome pero el evento no se dispara.
Llámame loco, pero estoy escribiendo una extensión de Chrome y quiero presionar las teclas D + E + V para forzarlo a un modo de desarrollador oculto.
Debe usar los eventos de teclado y teclados para manejar más de una clave "al mismo tiempo".
input.on("keydown", function (e) {
if (e.which == 17) {
isCtrl = true; // Ctrl
return;
}
/* Ctrl and "c" */
if (isCtrl && e.which == 67) {
//some code
}
}).keyup(function (e) {
if (e.which == 17) {
isCtrl = false; // no Ctrl
}
});
Debería capturar los tres eventos clave por separado y disparar su acción solo después de la tercera.
var keys = {
d: { code: 100, pressed: false, next: ''e'' },
e: { code: 101, pressed: false, next: ''v'' },
v: { code: 118, pressed: false, next: ''d'' }
},
nextKey = ''d'';
$(document).keypress(function(e) {
if (e.keyCode === keys[nextKey].code) {
keys[nextKey].pressed = true;
nextKey = keys[nextKey].next;
} else {
keys.d.pressed = false;
keys.e.pressed = false;
keys.v.pressed = false;
nextKey = ''d'';
}
if (keys.d.pressed && keys.e.pressed && keys.v.pressed) {
alert(''Entering dev mode...'');
}
});
Hay una serie de formas de hacer esto, por supuesto. Este ejemplo no requiere que mantenga presionadas las teclas simultáneamente, solo que las escriba en orden: d e v .
Si utilizó esto, es posible que desee aumentarlo para borrar las banderas pressed después de un intervalo de tiempo.
Aquí hay un ejemplo de trabajo .
Descargo de responsabilidad: me di cuenta de que la pregunta original decía que las teclas deberían "presionarse juntas". Esta es solo una alternativa, ya que otros respondedores ya han proporcionado suficientes soluciones para que las teclas se presionen juntas.
Intenté las tres respuestas principales (a partir de esta publicación), y ninguna de ellas funcionó para mí. No restablecieron las llaves .
Si se necesitan 3 teclas, inicie el guión, después de dispararlo una vez, al presionar cualquiera de las 3 teclas se disparará nuevamente.
Acabo de escribir este script y está funcionando muy bien. Utiliza Shift + S para disparar, pero puedes cambiar eso fácilmente. Se restablece después de presionar la combinación.
var saveArray = new Array();
saveArray[0] = false;
saveArray[1] = false;
$(document).ready(function(){
$(document).keydown(function (f){
if (f.keyCode == 16) {
saveArray[0] = true;
}
});
$(document).keyup(function (g){
if(g.which == 16){
saveArray[0] = false;
}
});
$(document).keydown(function (h){
if (h.keyCode == 83) {
saveArray[1] = true;
if(saveArray[0] == true && saveArray[1] == true){
saveArray[0] = false;
saveArray[1] = false;
keypressSaveFunction();
}
}
});
$(document).keyup(function (i){
if (i.which == 83) {
saveArray[1] = false;
}
});
});
function keypressSaveFunction(){
alert("You pressed Shift+S");
}
Fiddle: http://jsfiddle.net/9m8yswwo/13/
Si desea detectar que las teclas d , ey v estaban todas abajo al mismo tiempo, debe observar tanto el keydown como la keyup y mantener un mapa de los que están abajo. Cuando todos estén bajos, dispara tu evento.
Por ejemplo: copia en vivo | source
var map = {68: false, 69: false, 86: false};
$(document).keydown(function(e) {
if (e.keyCode in map) {
map[e.keyCode] = true;
if (map[68] && map[69] && map[86]) {
// FIRE EVENT
}
}
}).keyup(function(e) {
if (e.keyCode in map) {
map[e.keyCode] = false;
}
});
Supongo que no te importa en qué orden están presionadas (ya que sería un dolor presionar de manera confiable) siempre y cuando estén todas abajo al mismo tiempo en algún momento.
Si le importa el pedido y también necesita mantener presionada una tecla y tocar otra (por ejemplo: Shift + DEL, DEL, DEL ...), sin tener que levantar la primera tecla para que el evento vuelva a disparar ... Modifiqué el comentario de @ BlakePlumm [violín] que extendió el comentario de @ lu1s sobre la respuesta de @ ParthThakkar.
Además, el uso de .on () de jQuery le permite escuchar la secuencia de teclas solo en ciertos elementos. Cambie ''cuerpo'' a ''input.selector'' o cualquier otra cosa.
var map = [];
var down = [];
$(document).on(''keydown'',''body'', function(e) {
if(!map[e.which]){
down.push(e.which);
if(down[0] === 68 && down[1] === 69 && down[2] === 86) {
console.log(''D + E + V'');
} else if(down[0] === 16 && down[1] === 46) {
console.log(''SHIFT + DEL'');
}
/* more conditions here */
}
map[e.which] = true;
}).keyup(function(e) {
map[e.which] = false;
/* important for detecting repeat presses of
last key while holding first key(s)
(can be shortened. see fiddle) */
var len = down.length;
while (len--) {
if(down[len] === e.which) down.splice(len,1); //removes only the keyup''d key
}
$(''.alert'').html('''');
});
Pensamientos adicionales: si solo le importa un poco el orden, es decir, las primeras teclas solo necesitan estar presionadas, siempre que se presione la tecla de activación del evento principal al último (cosas como CTRL + MAYÚS + TAB, TAB, TAB), agregar esta condición:
else if(down.length>2) {
if($.inArray(68,down)!=-1 && $.inArray(69,down)!=-1 && down[2] === 86) {
$(''.alert'').html(''A hacky D+E+V was pressed'');
}
}
violín con más opciones gloriosas y demostración en vivo: - http://jsfiddle.net/kstarr/4ftL1p3k/
Similar a la de Vega ... pero más simple
var down = {};
$(document).keydown(function(e) {
down[e.keyCode] = true;
}).keyup(function(e) {
if (down[68] && down[69] && down[86]) {
alert(''oh hai'');
}
down[e.keyCode] = false;
});
Tal vez una combinación de teclas más simple sería más fácil?
¿Qué tal algo como Shift + Alt + D? (Probablemente no deberías usar la tecla Control porque la mayoría de los navegadores ya interpretan Ctrl + D de una manera u otra)
El código para esto sería algo como esto:
if(e.shiftKey && e.altKey && e.keyCode == 68)
{
alert(''l33t!'');
}
Tengo respuesta de TJ Crowder en javascript simple para alguien que quiera evitar Jquery .
//A W S D simultaneously
var map = {65: false, 87: false, 83: false, 68: false};
document.body.addEventListener(''keydown'', function (e) {
var e = e || event; //to deal with old IE
if (e.keyCode in map) {
map[e.keyCode] = true;
if (map[65] && map[87]) {
console.log(''up left'');
}else if (map[83] && map[68]) {
console.log(''down right'');
}else if (map[87] && map[68]) {
console.log(''up right'');
}else if (map[83] && map[65]) {
console.log(''down left'');
}
}
});
document.body.addEventListener(''keyup'', function (e) {
if (e.keyCode in map) {
map[e.keyCode] = false;
}
});
Una solución un poco más moderna, aprovecha las funciones de flecha y los parámetros de descanso :
const multipleKeypress = (function($document) {
// Map of keys which are currently down.
const keymap = {}
// Update keymap on keydown and keyup events.
$document.on(
"keydown keyup"
// If the key is down, assign true to the corresponding
// propery of keymap, otherwise assign false.
,event => keymap[event.keyCode] = event.type === "keydown"
)
// The actual function.
// Takes listener as the first argument,
// rest of the arguments are key codes.
return (listener, ...keys) =>
$document.keydown(() => {
// Check if every of the specified keys is down.
if (keys.every(key => keymap[key]))
listener(event)
})
// Pass a jQuery document object to cache it.
}($(document)))
// Example usage:
multipleKeypress(() => console.log("pressed"), 68, 69, 86)
// Automatically focus the snippet result
window.focus()
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Try pressing <kbd>d</kbd>, <kbd>e</kbd> and <kbd>v</kbd> at once.</p>
Utilice este código para tener un evento activado por varias pulsaciones de teclas + Tiempo de espera después de 100 ms para evitar los tipos erróneos. En este ejemplo: si se presionan A, Z, E dentro de un período de tiempo de 100 ms, se desencadenará el evento.
var map = {65:false,90:false,69:false}; //Modify keyCodes here
$(document).keydown(function(e){
console.log(e.keyCode);
map[e.keyCode] = e.keyCode in map ? true : map[e.keyCode] || false;
var result = Object.keys(map).filter(function(key){
return map[key];
}).length === Object.keys(map).length ? true : false;
if(result){
//Your event here
Object.keys(map).forEach(function(key){
map[key] = false;
});
}
setTimeout(function(){
map[e.keyCode] = false;
},100);
});
si lo entendí bien: example fiddle, http://jsfiddle.net/gAtTk/ (mira tu consola js)
este código te permitirá ingresar la palabra " dev " (y en este ejemplo, al final se elimina la keyup evento)
(function(seq) {
var tmp = seq.slice();
$(document).on("keyup.entersequence", function(e){
if (!(e.keyCode === tmp.pop())) {
tmp = seq.slice();
}
else {
console.log(e.keyCode);
if (!tmp.length) {
console.log(''end'');
$(document).off("keyup.entersequence");
}
}
});
}([68,69,86].reverse()));
https://github.com/JesseBuesking/jquery.hotkeys.extended
Mira esto. Es posible que esté buscando esto.
Podemos activar una función en múltiples pulsaciones de teclas. por ejemplo: p + t + k
$(document).hotkeys(''p'', ''t'', ''k'', function (){
//show blurbox
$(''#popup'').blurbox({
blur: 10, animateBlur: true, bgColor: ''rgba(255,255,0,0.2)''
})bb.show();
});
tal vez estás buscando esto.