Skip to main content
mejora de formato
Origen Enlace
asantana o
  • 927
  • 1
  • 10
  • 17

Saludos, necesito ayuda controlando los eventos de teclado y no encuentro nada. Tengo un script en el que controlo un input type=[text] que imita un input de password, enmascarando la contraseña y guardando el valor de la misma. El problema es que me he dado cuenta de que si escribo muy rápido, la función no se termina de ejecutar y no enmascara todos los caracteres (es decir, existen dos o tres keydown antes de que se ejecute el keyup insertado en la función) y no se como controlarlo. El código es el siguiente;

var t = document.getElementById('txt');

var pass_val = '';
var lastChar
var contador = 0;

t.onkeydown = function(event) {
    var key = event.keyCode;
    if (key !== 8) {
        t.onkeyup = function() {
            if (key !== 8) {
                pass_val = pass_val + t.value.substr(t.value.length - 1, 1);
            } else {
                pass_val = pass_val.slice(0, -1);
            }
            if (t.value != '')
                t.value = t.value.slice(0, -1) + '●';
        }
    }
}
<input type="text" id="txt">

¿Cómo puedo controlar que no se ejecute un evento de key hasta que se complete la función o hasta que se ejecute el keyup?

Saludos, necesito ayuda controlando los eventos de teclado y no encuentro nada. Tengo un script en el que controlo un input type=[text] que imita un input de password, enmascarando la contraseña y guardando el valor de la misma. El problema es que me he dado cuenta de que si escribo muy rápido, la función no se termina de ejecutar y no enmascara todos los caracteres (es decir, existen dos o tres keydown antes de que se ejecute el keyup insertado en la función) y no se como controlarlo. El código es el siguiente;

var t = document.getElementById('txt');

var pass_val = '';
var lastChar
var contador = 0;

t.onkeydown = function(event) {
    var key = event.keyCode;
    if (key !== 8) {
        t.onkeyup = function() {
            if (key !== 8) {
                pass_val = pass_val + t.value.substr(t.value.length - 1, 1);
            } else {
                pass_val = pass_val.slice(0, -1);
            }
            if (t.value != '')
                t.value = t.value.slice(0, -1) + '●';
        }
    }
}
<input type="text" id="txt">

¿Cómo puedo controlar que no se ejecute un evento de key hasta que se complete la función o hasta que se ejecute el keyup?

Saludos, necesito ayuda controlando los eventos de teclado y no encuentro nada. Tengo un script en el que controlo un input type=[text] que imita un input de password, enmascarando la contraseña y guardando el valor de la misma. El problema es que me he dado cuenta de que si escribo muy rápido, la función no se termina de ejecutar y no enmascara todos los caracteres (es decir, existen dos o tres keydown antes de que se ejecute el keyup insertado en la función) y no se como controlarlo. El código es el siguiente;

var t = document.getElementById('txt');

var pass_val = '';
var contador = 0;

t.onkeydown = function(event) {
    var key = event.keyCode;
    if (key !== 8) {
        t.onkeyup = function() {
            if (key !== 8) {
                pass_val = pass_val + t.value.substr(t.value.length - 1, 1);
            } else {
                pass_val = pass_val.slice(0, -1);
            }
            if (t.value != '')
                t.value = t.value.slice(0, -1) + '●';
        }
    }
}
<input type="text" id="txt">

¿Cómo puedo controlar que no se ejecute un evento de key hasta que se complete la función o hasta que se ejecute el keyup?

Origen Enlace
asantana o
  • 927
  • 1
  • 10
  • 17

No permitir evento de teclado en Javascript hasta ejecución de función

Saludos, necesito ayuda controlando los eventos de teclado y no encuentro nada. Tengo un script en el que controlo un input type=[text] que imita un input de password, enmascarando la contraseña y guardando el valor de la misma. El problema es que me he dado cuenta de que si escribo muy rápido, la función no se termina de ejecutar y no enmascara todos los caracteres (es decir, existen dos o tres keydown antes de que se ejecute el keyup insertado en la función) y no se como controlarlo. El código es el siguiente;

var t = document.getElementById('txt');

var pass_val = '';
var lastChar
var contador = 0;

t.onkeydown = function(event) {
    var key = event.keyCode;
    if (key !== 8) {
        t.onkeyup = function() {
            if (key !== 8) {
                pass_val = pass_val + t.value.substr(t.value.length - 1, 1);
            } else {
                pass_val = pass_val.slice(0, -1);
            }
            if (t.value != '')
                t.value = t.value.slice(0, -1) + '●';
        }
    }
}
<input type="text" id="txt">

¿Cómo puedo controlar que no se ejecute un evento de key hasta que se complete la función o hasta que se ejecute el keyup?