У меня есть таблица HTML с 5 строками и 5 столбцами. Теперь, когда пользователь начинает заполнять данные и хочет перейти от одной ячейки к другой, они нажимают на вкладку, и курсор перемещается горизонтально.поведение клавиши Tab в таблице HTML
Вместо горизонтального, я хочу двигаться вертикально. Как показано ниже в изображении. Это очень сложно, поскольку мы хотим переопределить базовую ОС? Функциональность браузера.
Один из способов сделать это является использование JavaScript OnKeyPress событий затем дать следующую ячейку вниз фокус. onkeypress="if(event.keycode == 8) {document.getElementById('NEXT CELL DOWN').focus()"} В этом примере 8 - это код ключа табуляции. NEXT CELL DOWN может быть жестко закодирован для каждой ячейки, или вы можете использовать алгоритм, основанный на текущем идентификаторе ячейки, чтобы переместить его в следующий идентификатор ячейки. Например, если вкладка нажата на ячейку 1, следующей ячейкой может быть ячейка 1 ++. Имеет ли это смысл?
Позвольте мне попробовать и вернуться к вам – Sandeep540
Почему бы просто не использовать 'tabindex'? Здесь нет необходимости в JavaScript - и даже если вы хотите/должны его использовать, вы действительно должны отделить свой JS-код от уровня презентации ради удобства обслуживания. – acme
@acme Я не сталкивался с атрибутом tabindex, но я согласен, звучит как лучший вариант :) – Xander
Глобальный атрибут tabindex:
Атрибут
tabindexконтента позволяет авторам контролировать, как предполагается, является ли элемент быть фокусируемый, будь то должен быть достижим с помощью последовательного фокуса навигации и , что должно быть относительный порядок элемента для целей последовательной фокусирующей навигации.
Значение должно быть целым числом (вам нужны значения больше 0, подробности см. В связанной спецификации).
Пожалуйста, разместите соответствующий код или создайте jsfiddle, чтобы мы могли эффективно помочь вам – Shail