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 <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> 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); } } } <!-- language: lang-html --> <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> <!-- end snippet -->