セルをキー入力に変更

Question

私は何かを達成しようとしています。私がしたいのは、ユーザーが任意の文字キーを押すと、セルのフォーカスを変更することです。私はまた、手紙をソースセルに表示するが、宛先セルには表示しないことを望む。私は何をしようとしたことはある：

ユーザーAがされた後

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(); 
    }  
}); 

にAを書き込み、それをクリックすることによって、細胞をマークタイプされ、次のセルにジャンプしてフォーカスを合わせる

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

上記のロジックの問題は、ソースセルと宛先セルの両方に文字Aが追加されていることです。

宛先セルに文字が追加されないようにする方法はありますか？

ありがとうございます！

EDIT

ソースセルは、私はマーク一つであり、先セルは、私はにジャンプてるものです。

Answer 1

クリア集中セルKEYPRESS

jQueryの構文で

markedCell.innterText=''; 

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

Answer 2

後、私は全体の機能に

を実装し、ここJSコードですfiddle作成：

を

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(); 
     } 
    } 
});