Foros del Web - Ver Mensaje Individual - Cómo detectar letras con acentos con keypress

Alexis88 · #10 (**permalink**) 11/01/2014, 15:34

¿Estás buscando hacer algo como esto?: http://jsbin.com/aKAliViS/1

Si la respuesta es sí, la forma es la siguiente:

Código HTML:

Ver original<!DOCTYPE html>
<html lang = "es">
<head>
    <meta charset = "UTF-8" />
    <titulo>De Textarea a Div</title>
</head>
<body>
    <textarea id = "uno"></textarea>
    <div id = "dos"></div>
</body>
</html>

Un poco de estilos para ambos elementos:

Código CSS:

Ver original#dos{
    border: .1em #000 solid;
    overflow: auto;
}
 
#uno, #dos{
    width: 20em;
    height: 5em;  
    font-family: Verdana;
}

Y con JS, asignas lo escrito en el textarea al div.

Código Javascript:

Ver originalvar textarea = document.getElementById("uno"),
    div = document.getElementById("dos");
 
textarea.addEventListener("keypress", function(e){
    var tecla = e.keyCode || e.which;
    if (tecla == 8)
        div.innerHTML = div.innerHTML.substring(0, div.innerHTML.length -2);
    else
        div.innerHTML += String.fromCharCode(tecla);
}, false);

Además, cuando borres el último caracter del textarea, se eliminará su equivalente en el div. Esto se puede mejorar mucho, lo dejo en tus manos porque ando algo atareado con mi trabajo.

Saludos

P.D.: He intentado detectar la pulsación de la tecla backspace, previamente habiendo leído que su valor ASCII es 8, pero no sucede lo esperado. ¿Alguien sabe cómo detectar la pulsación de dicha tecla?.