Advertisement
idroj07

keydown-keypress Test

Dec 7th, 2019
390
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="es">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.         <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.         <title>5.1.3</title>
  8.     </head>
  9.     <body>
  10.    
  11.     <section>
  12.       <!-- ct: Control -->
  13.         <div>
  14.             <label for="nom">Nombre: </label>
  15.             <input type="text" id="nom" onkeydown="ctNomDown(event)" onkeypress="ctNomPress(event)"> <br>
  16.             <label for="tel">Teléfono: </label>
  17.             <input type="text" id="tel" onkeypress="ctTelPress(event)">
  18.             <label for="com">Comentarios: </label>
  19.             <textarea id="com" rows="10" cols="30" onkeypress="ctComPress(event)"
  20.                                           onkeyup=""></textarea>
  21.         </div>
  22.     </section>
  23.     </body>
  24.     <script type="application/javascript">
  25.  
  26.         var TeclaPermitida = false;
  27.  
  28.         function ctNomDown(event) {
  29.             debugger;
  30.             var ev =  window.event || event;
  31.             let kCode= ev.keyCode;
  32.             let kCodPermit = [8,46,32,37,39,38,40];
  33.             console.log(kCode);
  34.             if (kCodPermit.includes(kCode) ) {
  35.               TeclaPermitida = true;
  36.             }else{
  37.               event.preventDefault();
  38.             }
  39.           }
  40.  
  41.         function ctNomPress(event) {
  42.           var ev =  window.event || event;
  43.           let esLetra = false;
  44.           let letra = String(ev.charCode);
  45.           console.log(letra);
  46.  
  47.           if (letra != letra.toUpperCase() ||
  48.               letra != letra.toLowerCase()) {
  49.               esLetra = true;
  50.           }
  51.           if (!TeclaPermitida || !esLetra) {
  52.             ev.preventDefault(); //ESTO NO FUNCIONA!!  
  53.           }
  54.         }
  55.  
  56.  
  57.         function ctTelPress(event) {
  58.             var ev =  window.event || event;
  59.  
  60.         }
  61.  
  62.         function ctComPress(event) {
  63.             var ev =  window.event || event;
  64.  
  65.         }
  66.     </script>
  67. </html>
  68. <!--
  69.   NOMBRE: Letras, retroceso, flechas, space, suprimir
  70.   TELEFONO: Números, retroceso, flecha izq, der, suprimir
  71.   TEXTAREA: max. 100char, mostrar los restantes a medida que va escrib.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement