Restringir cantidad de carácteres de tecla presionada de forma sostenida

[GUILLHERMOSOFT]

Cordial Saludo

Quisiera saber si existe alguna manera de hacer que si una tecla es presionada de forma sostenida, no se escriba de forma continua el carácter de la misma, sino que este se escriba solamente una vez, ejemplo, si la tecla "m" se deja presionada por 5 segundos, que no se escriba "mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm", sino solamente una "m".

Soy claro?

Quedo atento a sus comentarios.

[furoya]

Sí, pero no sé si vale la pena crear un escript que haga eso.
Estás pidiendo que detecte el tiempo que el usuario mantiene presionada una tecla, y que como resultado cambie la cantidad de caracteres que terminan apareciendo en el formulario.

Te pongo un caso : si tengo configurado en el sistema operativo un retraso de repetición corto y una velocidad de repetición rápida, en 5 segundos puedo escribir unos 200 caracteres seguidos (por poner un número). Si suelto la tecla en 5 segundos con 1 décima, el escript me deja un solo caracter, pero si levanto el dedo en 4 segundos con 9 décimas me deja 190. Por otro lado, si configuro el retraso como largo y la velocidad como lenta, la cantidad de caracteres no va a pasar de 20 en 5 segundos, y 18 si levanto la tecla antes.

Como ya sabes, javascript no ve la configuración de los sistemas operativos, sólo los eventos de periféricos (como el teclado), así que con tu método un onkeydown de 4.9sec puede terminar en una cadena de entre 18 y 180 caracteres.

¿Te sirve?

Sigo insistiendo : estamos en un Foro de Programación. Hay que plantear los mensajes de manera que la pregunta no deje lugar a segundas interpretaciones para que la respuesta sea exacta; pero esa pregunta debe ser coherente y ajustarse a lo que saben que necesitan, no mandar cualquier cosa; porque si alguien se toma el trabajo de crearte semejante programa (contando tiempos y caracteres escritos) para que después digas "ah, no, yo quería que nada más no me repitiera por dejarse apretado el botón" o "ah, no, yo quería que no apareciesen caracteres repetidos y seguidos" ... entonces lo menos que tenemos que hacer es banearte.

En IE funcionaba esto

Código:

<input onkeydown="if(event.repeat==true){alert('Ingresó 2 caracteres repetidos.'); return false}">

En los demás, no lo probé.

Lo del tiempo relacionado con la cadena te lo debo. No me voy a poner a inventar algo así, que por otro lado debe ser muy fácil con onkeydown onkeyup setTimeout() clearTimeout() y expresiones regulares; o cualquier otro método.

Saludos
furoya.

[IsaBelM]

en realidad es algo sencillo

var key;
function fnc(evt) {
var keyCode = (document.all) ? evt.keyCode : evt.which;;
if (key == keyCode) {
key = keyCode;
parar(String.fromCharCode(keyCode));
} else {
key = keyCode;
}
}

function parar() {
document.getElementById('txt').value = document.getElementById('txt').value.substr(0, document.getElementById('txt').value.length-1);
}


<input type="text" value="" id="txt" onkeypress="fnc(event)" />

[furoya]

Así, viendo muy a vuelo de pájaro porque me estoy poniendo el pijama y la bolsa de agua caliente para desmayarme en la cama ... ¿ese escript evita la repetición de 2 caracteres iguales seguidos? Porque borra el segundo. ¿verdad?

Gracias, sí, no era tan difícil, pero eso no te quita mérito.

[zerokilled]

¡buenas!
de acuerdo al experimento que realicé, opino que dicha medida puede resultar más molestoso de lo que se puede pensar. más o menos se me había ocurrido el mismo principio de @furoya, solo que empleando el evento keypress y keyup. en keypress determina si el booleano existe y evita la acción por defecto del evento. luego establece el boolean a true. en keyup reestablece el boolean a false. la idea es que al sostenerse la tecla, solamente se acepta el primer evento hasta que ocurre el evento keyup. entonces, ¿por qué resulta molestoso? específicamente le resultará molestoso a aquellas personas con habilidades para la mecanografía ‒ aunque no es necesario que lo posea para experimentar este resultado durante el uso común. no obstante, este detalle puede variar de persona en persona, en particular el problema viene cuando se presionan dos teclas al mismo tiempo sin antes levantar la primera tecla presionada. el resultado es que esa segunda tecla no toma efecto. no es algo que me estoy inventando, sino que acabo de descubrir que inconcientemente es como escribo.

Código:

// el script funciona en chrome y parcialmente en firefox;
document.down = false;

// para este ejemplo, el evento keydown no tiene ningun proposito importante
// es simplemente para rastrear el orden en que surge los eventos del teclado
document.onkeydown = function(evt){
console.log('down');
};

document.onkeyup = function(evt){
this.down = false;
console.log('up');
};

document.onkeypress = function(evt){
if(this.down){ evt.preventDefault(); }
this.down = true;
console.log('press');
};

no funciona muy bien en firefox porque ‒ a diferencia del resto de los navegadores ‒ firefox detecta todo tipo de tecla en los tres eventos. firefox requiere un algoritmo distinto, aún no se me ocurre alguno.

@isabelm, tu ejemplo tiene un fallo muy serio. ¿qué sucede si quiero escribir una letra dos veces? por ejemplo las dos "L" en la palabra "llama". en tu algoritmo estás comprobando cuál fue el último caracter introducido. si el anterior y el siguiente coincide, entonces detienes el evento.

[furoya]

(Noo me deejan doooormiir!)

[emprear]

Iniciado por furoya

(Noo me deejan doooormiir!)

Apagá la PC....
Ahora en serio, si te interesa, me sobran un par de pantuflas de corderito, de esas que ya no se hacen, si te sirven, chiflá que te las hago llegar...

En otro orden de cosas, anteayer estuve viendo este post, cuando aún no había respuestas, después de algún par de esperimentos, (no merecen siquiera llamarse "experimentos"), y viendo que todos, tarde o temprano, hacían agua... decidí no postear, pero como veo que, los aventureros/as de siempre del Js, arrimaron sus devaneos, aquí va el mio...

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Teclas Repetidas</title>
<script type="text/javascript">
//<![CDATA[
var texto = "";
var tvacio = "";
var i= 0;
var e;
 
function capturarTecla(e) {
e = (e) ? e : ((event) ? event : null);
var version = (e.target) ? e.target : ((e.srcElement)?e.srcElement : null );
var teclaNum = String.fromCharCode(e.keyCode);
var tArea = document.getElementById('contenido');
texto += teclaNum;
var re = new RegExp(teclaNum,"gi"); 
 
if(i >2){
alert('Teclas repetidas');
//document.getElementById('foco').focus(); // variante
var re2 = new RegExp(texto,"i"); 
var re3 = tArea.value.replace(re2,'');
tArea.value = re3;
i = 0;
texto=tvacio;
}
i++;
}
 
function resetear(){
i = 0;
texto=tvacio;
var teclaNum = "";
}
//]]>
</script>
</head>
<body>
<div>
<textarea rows="8" cols="30" id="contenido" onkeydown="capturarTecla(event);" onkeyup="resetear();"></textarea>
 <input type="text" id="foco" style="width: 1px; height: 1px; border: none; color: transparent; background-color: transparent;" /></div>
</body>
</html>
 

Observaciones:
la detección de caracteres repetidos y consecutivos (mas de 2 en el ejemplo) se produce en todos los navegadores...
Si quito el alert, el reemplazo de la secuencia repetida no se produce.
En IE el reemplazo es completamente irregular en su comportamiento...
En Firefox, si deseamos borrar texto con backspace, no detecta la repetición pero tras mantener la tecla apretada por 3 caracteres, me manda a la página previa del navegador, cosa que no hacen IE ni Chrome.
La variante de quitar el alert y al detectarse la repetición mandar el foco a un inpput invisible, es interesante....
Y no sigo porque carece de sentido, con que el usuario en lugar de mantener la tecla apretada, se dedique a apretar/soltar/apretar/soltar, el usuario va a burlar cualquier obstáculo y va a poooooooooooooooooooooooooder escriiiiiiiiiiiiiiiiiiiiiiibir lo queeeeeeeeee se le ocuuuuuuuurra.

Saludos

[villano4]

yo creo que lo unico que hay que hacer con el codigo que amablemente proporciono @IsaBelM, es agregar en la funcion parar, la posibilidad de no eliminar los caracteres dobles permitidos como la ll y rr, si acaso la ss, se tendria que checar el idioma ingles por si hay mas, pero de momento son las que me vienen a la mente

[emprear]

Y que hacemos con

innovador
66
88
O que el texto requiera el uso de palabras en otro idioma
moon
tool
y muchas situaciones parecidas ?

[IsaBelM]

zerokilled, emprear tenéis razón con respecto a las consonantes y vocales que se pueden duplicar. yo me voy a basarme en el español (castellano, para no herir susceptibilidades). no compruebo los números por que no hay manera de saber que cifra se quiere insertar

no lo he probado a fondo

var key = '', repetidas = 0;
function fnc(evt, elem) {
var keyCode = (document.all) ? evt.keyCode : evt.which;
var letra = String.fromCharCode(keyCode);
if (key != letra) {
key = letra;
repetidas = 0
}
else if (/(l|n|o|r)+/.test(key)) {
repetidas++;
if (repetidas >= 2) {
elem.value = elem.value.substr(0, elem.value.length-1);
}
} else {
key = letra;
repetidas = 0
elem.value = elem.value.substr(0, elem.value.length-1);
}
}

se me había olvidado esta parte

Iniciado por emprear

Observaciones:
la detección de caracteres repetidos y consecutivos (mas de 2 en el ejemplo) se produce en todos los navegadores...
Si quito el alert, el reemplazo de la secuencia repetida no se produce.
En IE el reemplazo es completamente irregular en su comportamiento...
En Firefox, si deseamos borrar texto con backspace, no detecta la repetición pero tras mantener la tecla apretada por 3 caracteres, me manda a la página previa del navegador, cosa que no hacen IE ni Chrome.
La variante de quitar el alert y al detectarse la repetición mandar el foco a un inpput invisible, es interesante....
Y no sigo porque carece de sentido, con que el usuario en lugar de mantener la tecla apretada, se dedique a apretar/soltar/apretar/soltar, el usuario va a burlar cualquier obstáculo y va a poooooooooooooooooooooooooder escriiiiiiiiiiiiiiiiiiiiiiibir lo queeeeeeeeee se le ocuuuuuuuurra.

Saludos

es como cuando lees las contraindicaciones de un fármaco. se te pasan todo los males (virgencita que me quede como esto)

[furoya]

Menos mal que no me prendí a crear un ejemplo. Al lado de los que están postenado iba a hacer un papelón.

Muy buenos experimentos, y es tal cual : a medida que aparecen nuevas situaciones, hay que agregar más condiciones para que trabaje como queremos. Y encima que las configuraciones de un mismo navegador pueden ser distintas, y hay que cubrirlas todas (pensaba, como se mencionó más arriba, en la tecla backspace que en Firefox hace back-history).

Ahora que ya estoy más despabilado, vamos a ver si puedo aportar algo más.

Iniciado por emprear

Apagá la PC....

No puedo. Estoy usando un servidor del sistema de alarmas para conectarme. Pero que quede entre nosotros, porque se supone que no debería y me van a sacar a patadas.
Además, no puedo 'apagar' justamente porque me postean más mensajes cuando me voy a desloguear. Y los veo, es más fuerte que yo.

Iniciado por emprear

Ahora en serio, si te interesa, me sobran un par de pantuflas de corderito, de esas que ya no se hacen, si te sirven, chiflá que te las hago llegar...

Gracias, yo uso las que tienen forma de "garrita", como Homero Simpson.

Iniciado por zerokilled

opino que dicha medida puede resultar más molestoso de lo que se puede pensar.

¡Ni hablar! Totalmente de acuerdo. Esto es un juego. En el mundo real, hay que ver en qué caso específico se puede usar.

Iniciado por zerokilled

@isabelm, tu ejemplo tiene un fallo muy serio. ¿qué sucede si quiero escribir una letra dos veces? por ejemplo las dos "L" en la palabra "llama".

En el medio de mi somnolencia, me pareció lo mismo. Pero si es para generar contraseñas o ugly-variables, puede que justamente no se usen 2 caracteres repetidos bajo ninguna circunstancia, porque al programador se le dio la gana. ¿Y quién de nosotros se lo va a discutir?

Iniciado por villano4

yo creo que lo unico que hay que hacer con el codigo que amablemente proporciono @IsaBelM, es agregar en la funcion parar, la posibilidad de no eliminar los caracteres dobles permitidos como la ll y rr, si acaso la ss, se tendria que checar el idioma ingles por si hay mas, pero de momento son las que me vienen a la mente

Iniciado por emprear

Y que hacemos con

innovador
66
88
O que el texto requiera el uso de palabras en otro idioma
moon
tool
y muchas situaciones parecidas ?

Vale mi comentario anterior?

Si es solamente para caracteres alfabéticos y signos de puntuación, y excluímos los números, creo que en ningún idioma se repiten 3 letras iguales (siglas no valen!).
Con limitarlas a 2 cubriríamos los casos mencionados; pero me parece que lo mejor es apuntar al evento, que no se mantenga mientras vemos que los caracteres aumentan. Está muy bien lo de limitar un onkeyup con el onkeypress , zerokilled. Estoy tentado de probar algo por ese camino.

Iniciado por IsaBelM

zerokilled, emprear tenéis razón con respecto a las consonantes y vocales que se pueden duplicar. yo me voy a basarme en el español (castellano, para no herir susceptibilidades). no compruebo los números por que no hay manera de saber que cifra se quiere insertar

No les hagas caso, lo dicen para molestarte.

(No termino de escribir y ya me posteas otro ejemplo)


De cualquier forma, y aunque me parece que ya no le ocupa a nadie, no olvidemos los 5 segundos…





(mmm; releyendo, me parece que sólo "aporté" sanata)

[emprear]

@furoya, menos mal que aclaraste lo del "juego", porque si no, ya estaba pensando que los fantasmas del "Abuelito Pirri" me estaba rondando.... te acordás?

Bueno, dejo mi versión final

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Teclas Repetidas</title>
<script type="text/javascript">
//<![CDATA[
var i= 0;
var z = 0;
function capturarTecla(e) {
e = (e) ? e : ((event) ? event : null);
var version = (e.target) ? e.target : ((e.srcElement)?e.srcElement : null );
var teclaNum = parseInt(e.keyCode);
//console.log('teclaNum: ', teclaNum ,' i: ', i);
if(i >3){
document.getElementById('foco').focus(); // variante
i = z;
setTimeout("document.getElementById('contenido').focus()",1500);
}
 
if(teclaNum != 8){
 
i++;
}else{
i = z;
 
}
}
 
function resetear(){
i = z;
}
//]]>
</script>
</head>
<body>
<div>
<textarea rows="8" cols="30" id="contenido" onkeydown="capturarTecla(event);" onkeyup="resetear();" onfocus="this.value = this.value;"></textarea>
 <input type="text" id="foco" style="width: 1px; height: 1px; border: none; color: transparent; background-color: transparent;" /></div>
</body>
</html>
 

El único objeto de capturar la tecla es poder usar el backspace, que si no ni falta hace.

Y no empecemos con los peros:
Y si el usuario pone un dedo sobre la M y otro sobre la N y empieza a gatillar indiscriminada y alternadamente?
Y si nos copia dos letras y empieza a darle al Shift+Insert
, porque si no no juego más a nada

Saludos

[villano4]

Por eso dice el dicho, según el sapo es la pedrada y en este caso, el que pregunta tendria que ampliar mas exactamente para donde va lo que quiere hacer, sino las posibilidades son infinitas.

Pasando a otro punto, si mencione algunas letras dobles, es porque la vdd ami la gramatica no me gusta (y la vdd casi casi me viene valiendo xd), YO SOY MATEMATICO, y con los numeros y las letras me basta para expresarme.

Un saludo.

[emprear]

me dejaste sin argumentos Villano...
Saludos

[IsaBelM]

Iniciado por emprear

Y no empecemos con los peros:
Y si el usuario pone un dedo sobre la M y otro sobre la N y empieza a gatillar indiscriminada y alternadamente?
Y si nos copia dos letras y empieza a darle al Shift+Insert
, porque si no no juego más a nada

ningún pero de los que listas. este pero es basándome en lo que sabemos que quiere el usuario

• al dejar presionada una tecla, se insertan 4 caracteres. esto ha de ser debido a como tengo configurada la repetición de caracteres

espero que continúes jugando