Saber que caracter estoy borrando.

vrael · #1 (**permalink**) 09/09/2011, 15:25

Tengo un textarea y por medio del evento keyCode o charCode soy capaz de controlar cuando el usuario pulsa la tecla borrar. Pero ¿hay alguna forma de saber que letra está borrando?

Es decir, yo tengo un texto:

asdfasdfasdfasdf
asdfasdf
sadfasdf

y el usuario borra la última "f". ¿Puedo saber qué letra está borrando?

bitbow · #2 (**permalink**) 09/09/2011, 17:36

Saludos,

puedes declarar en una variable global o arreglo dinamico lo que el usuario borre y acceder a esa informacion posteriormente.

Suerte.

vrael · #3 (**permalink**) 09/09/2011, 21:59

Si no entiendo mal lo que me quieres decir es que compare entre la copia del texto original con la del texto modificado por el usuario para saber que carácteres ha borrado ¿no?

Pero veo el problema de que en un texto enorme, la comparación es una operación "costosa".
El textarea en realidad almacena un vector de caractares. Lo que yo quiero saber es en que posición de ese vector está situado el cursor para así saber que caracter se va a borrar.

Panino5001 · #4 (**permalink**) 09/09/2011, 22:05

Fijate si te sirve esto: http://www.disegnocentell.com.ar/notas2.php?id=206

Y un ejemplo rápido que quizá te sirva, aunque no funciona en Firefox:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
function ver(e){
    var evt=e || event,str;
    var t=evt.wich || evt.keyCode;
    
    if(t==46){
            if(document.selection){
                str = document.selection.createRange().text;
            }else{
                str=window.getSelection();
            }
            document.getElementById('log').innerHTML=str;
    }
}
</script>

</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <textarea name="textarea" id="textarea" cols="45" rows="5" onkeydown="ver(event)">este es un ejemplo</textarea>
</form>
<div id="log"></div>
</body>
</html>

Edito:
Para que funcione en todos los navegadores, incluído Firefox, sería así:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
function ver(e){
    var evt=e || event,str;
    var t=evt.wich || evt.keyCode;
    var o=evt.target || evt.srcElement;
    if(t==46){
            if(document.selection){
                str = document.selection.createRange().text;
            }else{
                var start = o.selectionStart;
                var end = o.selectionEnd;
                str = o.value.substring(start, end);
            }
            document.getElementById('log').innerHTML=str;
    }
}
</script>

</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <textarea name="textarea" id="textarea" cols="45" rows="5" onkeydown="ver(event)">este es un ejemplo</textarea>
</form>
<div id="log"></div>
</body>
</html>