Saltar al contenido

Los eventos onKeyDown, onKeyUp y onKeyPress

Estos eventos se generan cuando el usuario presiona las teclas.

  • El evento onKeyDown sucede cuando el usuario pulsa una tecla.
  • El evento onKeyUp tiene lugar cuando el usuario deja de pulsar una tecla.
  • El evento onKeyPress se genera cuando se mantiene pulsada una tecla.

Un ejemplo aquí:
http://www.desarrolloweb.com/articulos/ejemplos/tallerjs/sobrepasar_caracteres_textarea.html

Con el siguiente ejemplo se puede comprobar como actúan estos eventos.

<html>
<head><title> Ejemplo de los eventos onKeyDown, onKeyPress y onKeyUp </title>
<script language=JavaScript>
function DisplayEvent(eventName) {
   var myMessage = window.document.form1.textarea2.value;
   myMessage = myMessage + eventName;
   window.document.form1.textarea2.value = myMessage;
}
</script>
</head>
<body>
<FORM NAME=form1>
   <TEXTAREA ROWS=15 COLS=40 NAME=textarea1
      onchange="DisplayEvent('onchange\n');"
      onkeydown="DisplayEvent('onkeydown\n');"
      onkeypress="DisplayEvent('onkeypress\n');"
      onkeyup="DisplayEvent('onkeyup\n\n');">
   </TEXTAREA>
   <TEXTAREA ROWS=15 COLS=40 NAME=textarea2>
   </TEXTAREA>
   <BR><BR>
   <INPUT TYPE="button" VALUE="Limpiar la Ventana de Eventos"
      NAME=button1 onclick="window.document.form1.textarea2.value=''">
</FORM>
</body>
</html>

Si te ha interesado este artículo y deseas un apoyo o asesoría en algún requerimiento, envíame un mensaje a: (info@juliopari.com) o sino a través de Linkedin: https://www.linkedin.com/in/juliopari/