Bloquear teclas Ctrl + p JavaScript

Bloquear teclas Ctrl + p JavaScript. Con este pequeño post aprenderemos a bloquear las combinaciones de teclas CONTROL + P en nuestros navegadores web, su utilización es diversa primeramente debemos conocer los elementos y significados de nuestro teclado, para ello veremos la tabla de equivalencias del teclado.

Por lo tanto. Una vez hecho esto procedemos a programar en JavaScript este simple código.

var isCtrl = false;//declaramos en falso si no se presiona la tecla control
document.onkeyup=function(e){
if(e.which == 17) isCtrl=false;
}
document.onkeydown=function(e){
if(e.which == 17) isCtrl=true;// si esta presionado la tecla control es true
if(e.which == 80 && isCtrl == true) {
//Combinancion de teclas CTRL+S y bloquear su ejecucion en el navegador
return false;
}
}

La tecla control simboliza al número 17 y la p simboliza al número 80, de esta manera podemos detener su ejecución de la combinación Ctrl+p, su usabilidad veremos en un ejemplo.

Si trabajamos en un proyecto web, de registro e impresión, la necesidad de la empresa podría ser esta figura que solo se imprima por única vez cuando presionamos un click en el botón imprimir. Sin embargo, no dejando opción a la combinación de teclas ctrl+p, pero aquí encontramos la solución si tienen este inconveniente.

Bloquear teclas Ctrl + p JavaScript

El código completo es el siguiente.

<!doctype html>
<html>
<head>
<title>Documento</title>
<script type="text/x-javascript">
//codigo javascript
 
var isCtrl = false;
document.onkeyup=function(e){
if(e.which == 17) isCtrl=false;
}
document.onkeydown=function(e){
if(e.which == 17) isCtrl=true;
if(e.which == 80 && isCtrl == true) {
//Combinancion de teclas CTRL+P y bloquear su ejecucion en el navegador
return false;
}
}
</script>
</head>
<body>
</body>
</html>
Bloquear teclas Ctrl+p JavaScript

Bloquear teclas Ctrl+p JavaScript

Con esto solucionan el problema de las combinaciones de teclas, probado en Mozilla Firefox y Google Chrome, espero que le sea de utilidad.

Etiquetas:

Estaremos encantados de escuchar lo que piensas

Deje una respuesta

BaulCode
Logo
Shopping cart