pretendo obtener los errores cometidos cuando se ecribe un texto estatico, en este caso (hola soy el texto estatico de prueba), mi problema es cuando se apreta backspace deja de funcionar
var texto = document.getElementById('captureInput');
var index=0;
var errores=[];
var textoEstatico="hola soy el texto estatico de prueba";
var posiciones=[];
var indexActual=0;
var flagDoubleEspacio=false;
function is_special_key(key_id) {
switch(key_id) {
case 8: return true; // Backspace
case 9: return true; // Enter
case 13: return true; // Tab
case 17: return true; // Ctrl
case 18: return true; // Alt
case 19: return true; // Pause
case 27: return true; // Esc
case 33: return true; // Pg up
case 34: return true; // Pg down
case 35: return true; // End
case 36: return true; // Home
case 37: return true; // Left
case 38: return true; // Up
case 39: return true; // Right
case 40: return true; // Down
case 45: return true; // Insert
case 46: return true; // Delete
case 91: return true; // Windows
case 93: return true; // Dialog
case 112: return true; // F1
case 113: return true; // F2
case 114: return true; // F3
case 115: return true; // F4
case 116: return true; // F5
case 117: return true; // F6
case 118: return true; // F7
case 119: return true; // F8
case 120: return true; // F9
case 121: return true; // F10
case 122: return true; // F11
case 123: return true; // F12
case 145: return true; // Scroll
default: return false;
}
}
function esLaMisma(key_id,texto,i){
var res=false;
if(key_id==texto.charAt(i)){
res=true ;
}
return res;
}
function posicionPalabras(texto,done){
var posiciones=[];
var ini,fin,cp,tamPalabras=0;
ini=fin=0,cp=0;
var copiaEstatica,palabra="";
var arrayEstatico=textoEstatico.split(" ");
var arregloPosiciones=[]
for (var i = 0; i < arrayEstatico.length; i++) {
tamPalabras=arrayEstatico[i].length-1;
if(fin==0){
fin=fin+tamPalabras+1;
}else{
fin=fin+tamPalabras+2;
}
var auxPos={ini,fin};
palabra=arrayEstatico[i];
arregloPosiciones.push({palabra:palabra,posiciones:auxPos});
ini=fin+1;
};
return done(null,arregloPosiciones);
}
function buscarPalabra(mapeo,indice,done){
getPosiciones();
var intervalIni=0,intervalFin=0;
mapeo.forEach(function(current,index,verdadero){
intervalIni= current.posiciones.ini;
intervalFin= current.posiciones.fin;
if(indice>=intervalIni && indice<=intervalFin){
return done(null,current.palabra)
}
})
}
texto.addEventListener('keydown', function(keyboardEvent) {
if(!is_special_key(keyboardEvent.keyCode)){
flagDoubleEspacio=true;
let keyC = keyboardEvent.key;
if((!esLaMisma(keyC,textoEstatico,index))){
arregloPosiciones=posicionPalabras(textoEstatico,function(err,result){
buscarPalabra(result,index,function(err,res){
let simbol=textoEstatico.charAt(index);
let mensaje='palabra: '+res+' \tletra Original: '+simbol+' \tletra erronea: '+keyC;
mostrarMensaje(mensaje,"erroresFrecuentes");
errores.push({palabra:res,posiciones:{simbol, keyC}});
});
});
}
}else{
if(keyboardEvent.keyCode==8){ //backspace
index-=2;
}
}
if(keyboardEvent.keyCode==32){ //backspace
if(flagDoubleEspacio){
index=posiciones[indexActual];
indexActual++;
flagDoubleEspacio=false;
}
}else{
index++;
}
});
function mostrarMensaje(mensaje,caja) {
var contenedor = document.getElementById(caja);
var res = contenedor.innerText.split('\n');
res.push(mensaje);
contenedor.innerText = res.join('\n');
contenedor.scrollTop = contenedor.scrollHeight - contenedor.clientHeight;
}
function getPosiciones(){
for(var i=0; i<= textoEstatico.length-1; i++){
if(textoEstatico.charAt(i)==" "){
posiciones.push(i+1);
}
}
}
<p>hola soy el texto estatico de prueba</p>
<textarea id="captureInput" placeholde="escribe aqui"></textarea>
<pre id="erroresFrecuentes"
style="overflow-y: scroll; height:200px;"></pre>