ejecutar evento con teclas

Blashak · #1 (**permalink**) 03/04/2011, 13:11

Buenas,

como puedo hacer que al mantener precionado la tecla alt + c me ejecute una funcion??

Saludos

laratik · #2 (**permalink**) 03/04/2011, 13:44

que tal con:

Código HTML:

<html>
	<head>
		<title>Eventos onkeypress</title>
		<script type="text/javascript">
			function pulsar(e) {
				if(e.altKey && e.charCode == 99) {
					alert("pulsada alt+C");
				}
			}
		</script>
	</head>
	
	<body>
		<input type="text" onkeypress="pulsar(event)"/><br/><br/>
	</body>
</html>

Blashak · #3 (**permalink**) 03/04/2011, 15:57

Cita:

Iniciado por laratik

que tal con:

Código HTML:

<html>
	<head>
		<title>Eventos onkeypress</title>
		<script type="text/javascript">
			function pulsar(e) {
				if(e.altKey && e.charCode == 99) {
					alert("pulsada alt+C");
				}
			}
		</script>
	</head>
	
	<body>
		<input type="text" onkeypress="pulsar(event)"/><br/><br/>
	</body>
</html>

porque pones 99 para la letra c si lo busque en internet y es el 67.

laratik · #4 (**permalink**) 03/04/2011, 16:21

y ¿no te funciona? por que hice un alert(e.charCode); pulse c y me dio 99 solo por eso

abimaelrc · #5 (**permalink**) 03/04/2011, 16:56

Es verdad que en tu código sale como 99, pero es en realidad 67 para este tipo de código cross-browser

Código Javascript:

Ver original<script type="text/javaScript">  
function testKeyCode(e) {  
    var keycode;  
    if (window.event) keycode = window.event.keyCode;  
    else if (e) keycode = e.which;  
    var e = e || window.event;  
    if(keycode==67 && e.altKey){  
        alert("alt-c was pressed");  
    }  
}  
document.onkeydown = testKeyCode;  
</script>

Lo otro es importante saber cuando ejecutar este tipo de código. La razón es cuando ocurren los eventos. El orden de los eventos es así:

onkeydown
onkeyup
onkeypress

¿Porque es importante saber esto? Los navegadores también tienen "shorcuts", si tratas de ejecutar algún código usando onkeyup o onkeypress, el navegador va a tender a sobre-escribir con lo que tiene declarado. Por tal razón te recomiendo que uses onkeydown para que lo ejecute en el primer momento.

Blashak · #6 (**permalink**) 03/04/2011, 17:17

Cita:

Iniciado por abimaelrc

Es verdad que en tu código sale como 99, pero es en realidad 67 para este tipo de código cross-browser

Código Javascript:

Ver original<script type="text/javaScript">  
function testKeyCode(e) {  
    var keycode;  
    if (window.event) keycode = window.event.keyCode;  
    else if (e) keycode = e.which;  
    var e = e || window.event;  
    if(keycode==67 && e.altKey){  
        alert("alt-c was pressed");  
    }  
}  
document.onkeydown = testKeyCode;  
</script>

Lo otro es importante saber cuando ejecutar este tipo de código. La razón es cuando ocurren los eventos. El orden de los eventos es así:

onkeydown
onkeyup
onkeypress

¿Porque es importante saber esto? Los navegadores también tienen "shorcuts", si tratas de ejecutar algún código usando onkeyup o onkeypress, el navegador va a tender a sobre-escribir con lo que tiene declarado. Por tal razón te recomiendo que uses onkeydown para que lo ejecute en el primer momento.

vale me quedo mas claro. ahora lo pase a jquey pero no me funciona si habilito las dos teclas al mismo tiempo.

Código Javascript:

Ver original$('body').keydown(function(event) {
  if (event.keyCode == '18' && event.keyCode == '67') {
      alert("s");
   }
});
 
con una sola tecla si que me funciona pero en el navegador chrome pero el firefox ninguna de las dos

zerokilled · #7 (**permalink**) 04/04/2011, 05:44

buenas gente...

Cita:

Iniciado por abimaelrc

Lo otro es importante saber cuando ejecutar este tipo de código. La razón es cuando ocurren los eventos. El orden de los eventos es así:

onkeydown
onkeyup
onkeypress

muy curioso lo que mencionas. al menos las pruebas que realice el orden es el siguiente: onkeydown, onkeypress, y onkeyup.

Cita:

Iniciado por Blashak

porque pones 99 para la letra c si lo busque en internet y es el 67.

lo que sucede es que dependiendo del tipo de evento, keycode puede adquirir un valor distinto para una misma tecla. por ejemplo, en las letras del alfabeto, keydown y keyup siempre devuelve el keycode en mayuscula, independientemente tuvieras presionado o no la tecla Shift. por el contrario, keypress genera el valor tomando ese detalle en consideracion.

abimaelrc · #8 (**permalink**) 04/04/2011, 08:04

Cita:

Iniciado por zerokilled

muy curioso lo que mencionas. al menos las pruebas que realice el orden es el siguiente: onkeydown, onkeypress, y onkeyup.

Fíjate al principio me daba como te indique, parece que la prueba que había hecho estaba haciendo algo mal, bueno pues lo hice así y me resultó como indicas onkeydown, onkeypress y onkeyup.

Código PHP:

  <div id="keys"></div>
<script type="text/javascript">
(function(){
    var keys = document.getElementById('keys');
    keys.innerHTML = '';
    document.onkeydown = function(){
        keys.appendChild(document.createTextNode('down '));
    }
    document.onkeyup = function(){
        keys.appendChild(document.createTextNode('up '));
    }
    document.onkeypress = function(){
        keys.appendChild(document.createTextNode('press '));
    }
})();
</script>

Blashak · #9 (**permalink**) 04/04/2011, 10:57

pero sigo sin poder hacer funcionar al precionar las dos teclas con jquery como comentaba mas arriba.

Código Javascript:

Ver original$('body').keydown(function(event) {  if (event.keyCode == '18' && event.keyCode == '67') {      alert("s");   }});

JavierB · #10 (**permalink**) 04/04/2011, 11:17

Hola, Blashak

Muevo tu tema al foro de Frameworks y Plugins Javascript desde Javascript.

Saludos,

laratik · #11 (**permalink**) 04/04/2011, 15:24

Cita:

Iniciado por Blashak

pero sigo sin poder hacer funcionar al precionar las dos teclas con jquery como comentaba mas arriba.

Código Javascript:

Ver original$('body').keydown(function(event) {  if (event.keyCode == '18' && event.keyCode == '67') {      alert("s");   }});

Utiliza event.altKey en vez de event.keyCode == '18'

Código Javascript:

Ver original$('body').keydown(function(event) {  if (event.altKey && event.keyCode == '67') {      alert("s");   }});

mas informacion