Как перемещаться по ячейкам таблицы с помощью клавиши табуляции с помощью JQuery?

Question

У меня есть таблица, как показано ниже.Когда я щелкаю ячейку таблицы (только ячейки с элементом div), она превращается в текстовое поле для редактирования (это я делаю в другом плагине Jquery).Я пытаюсь добиться этого с помощью клавиши табуляции, то есть когда я выхожу из одной ячейки, я хочу перейти к следующей ячейке.

<table id="mytable">
   <tr> 
          <td><span><div>60</div></span></td> 
          <td><span>$10000</span></td>
          <td><span><div>100%</div></span></td>
   </tr>
</table>

Вот мой код Jquery.Этот код не работает должным образом, то есть когда я выхожу из первой ячейки, я вижу курсор в следующей ячейке, но он сразу исчезает.Что-то не так в этом коде?

$("#mytable tr td div").bind('keydown', function(event) {
  if(event.keyCode == 9){ //for tab key
    var currentDiv = event.target;
    $(currentDiv).parents("td").next("td").find("div").click();
}});

Answer 1

Добавление return false; может помочь:

$("#mytable tr td div").bind('keydown', function(event) {
  if(event.keyCode == 9){ //for tab key
    var currentDiv = event.target;
    $(currentDiv).parents("td").next("td").find("div").click();
    return false; // <== here
  }
});

Добавление этого означает, что если вы обрабатываете нажатие клавиши, вы говорите браузеру прекратить всплывающее событие и прекратить обработку по умолчаниюсобытия, которое может помешать тому, что вы пытаетесь сделать.