title: Turn table contenteditable when tab key pressed
body: <p>I am making a table entering tool, and I want to type items in when I press tab instead of having to click on each element. I was not able to figure out how to make that work, however.</p>
  
  <pre><code>$('table').on('mousedown objEvent.keyCode == 9', 'td', function(event) {
    event = event || window.event;
    var elementClass = $(this).attr('class');
    if (elementClass != "noedit") {
      $(event.target).closest('td').prop("contentEditable", true);
    }
  </code></pre>
  
  <p>I've tried mousedown and tab key and only mousedown worked.</p>
  
  <pre><code>$('table').on('focus', 'td', function(event) {
    event = event || window.event;
    var elementClass = $(this).attr('class');
    if (elementClass != "noedit") {
      $(event.target).closest('td').prop("contentEditable", true);
    }
  </code></pre>
  
  <p>Only mousedown worked this way as well.</p>
  
  <p>Jsfiddle: <a href="https://jsfiddle.net/vLsw0goe/" rel="nofollow noreferrer">https://jsfiddle.net/vLsw0goe/</a></p>
  
  <p>Thank you.</p>