change cell focus on keypress

Question

Я пытаюсь достичь чего-то, что я не уверен, что когда-либо будет работать. Я хочу, чтобы изменить фокус ячейки, когда пользователь нажимает любую буквенную клавишу. Я также хочу, чтобы письмо появилось в исходной ячейке, но не в ячейке назначения. То, что я пытался сделать, это:

Пользователь отмечает ячейку, щелкнув по нему

table.onclick = function tableMouseListener(event) { 
    markedCell = event.target; 
    markedCellRow = markedCell.parentNode.rowIndex; 
    markedCellCol = markedCell.cellIndex; 
}; 

Пользователь пишет А в отмеченной ячейке

$(document).keypress(function(e){ 
    if (e.keyCode == 65) { 
    markedCell.appendChild(document.createTextNode(String.fromCharCode(e.keyCode))); 
    jumpToNextCell(); 
    }  
}); 

После А было напечатайте, перейдите к следующей ячейке и сфокусируйте ее

function jumpToNextCell() { 
    table = document.getElementById('myTable'); 
    markedCellCol++; 
    markedCell = table.rows[markedCellRow].cells[markedCellCol]; 
    markedCell.appendChild(document.createTextNode('\u0020')); 
    markedCell.focus(); 
} 

Проблема с логикой выше заключается в том, что как исходная, так и целевая ячейка теперь имеют букву A.

Есть ли способ предотвратить добавление буквы в ячейку назначения?

Заранее благодарен!

EDIT

Клетка источника является один я отмечаю и ячейка назначения является один я прыгаю.

Answer 1

Clear сфокусированный Cell после Keypress

markedCell.innterText=''; 

в синтаксисе JQuery

$('#markedCellSelector').val(''); 

Answer 2

Я создал fiddle, который реализует все функции

А вот JS код:

var btns = Array.prototype.slice.call(document.querySelectorAll('button')), 
    markedBtn; 

btns.forEach(function(btn) { 
    btn.addEventListener('click', function(){ 
     btns.forEach(function(btn) { 
      btn.classList = Array.prototype.slice.call(btn.classList).filter(function(className) { 
       return className !== 'marked'; 
      }); 
     }); 

     btn.className += ' marked'; 
     markedBtn = this; 
    }); 
}); 

document.addEventListener('keyup', function(e) { 
    var char = String.fromCharCode(e.which); 

    if(markedBtn) { 
     markedBtn.innerText = char; 

     if(markedBtn.nextElementSibling) { 
      markedBtn = markedBtn.nextElementSibling; 
      markedBtn.click(); 
     } 
    } 
});