2013-09-06 2 views
0

У меня есть таблица, для которой мне нужно использовать клавиши со стрелками.jquery table wards (справа, слева, вверх, вниз)

Например: при нажатии на стрелку вправо, функция будет найти следующий правильный элемент (ввод, выберите текстовой) в таблице и сосредоточиться на нем, и это будет то же самое действие для левой клавиши вверх и вниз ,

Есть ли для этого плагин? Или мне самому писать код?

Надеюсь, вы понимаете мою проблему!

ответ

0

Я не смог полностью понять, но все же как-то здесь основная идея.

Какие инструменты или код для использования:

JQuery будет смотреть на next() собрата или любой другой элемент на любом KeyEvent или clickEvent при написании кода для этого.

Что ключевой код:

Я также расскажу вам очень полезный веб-ссылку, где вы сможете найти коды клавиш, поверьте мне свою лучшую связь! http://whatthekeycode.com/ На этом сайте, когда вы нажимаете любую клавишу, вы получите для этого keyCode. И вы будете использовать этот код для jQuery.

Пусть Keypress это ввести

if ((e.keyCode || e.which) == 13) { 
// do your work 
} 

Примечание: 13 KEYCODE для ввода, вы можете найти другие на сайте я поделился!

JQuery для перемещения:

Я научу вас, как прибой в таблице, я расскажу вам о следующем только, используйте другие для права налево и т.д. себя.

http://api.jquery.com/next/

$(this).next().focus(); 

this используется, чтобы сделать работу на элементе, на которых произошло событие. Затем next() и, наконец, ФОКУС!

То, что я сделал бы:

Я бы использовал свой собственный идентификатор для элемента. Как id="rownumber_2id="rownumber_3 и на rownumber_2 событие будет происходить так:

$(this).next().focus(); // where instead of this, it would be #rownumber_2 

Но делать то, что заставляет вас чувствовать себя легко! :)

+0

Спасибо за ответ, хорошо, что он подходит для следующего и предыдущего, но как насчет вверх и вниз? – alim

+0

Используйте веб-сайт, чтобы выбрать каждый код для нажатия клавиши. И используйте метод, который я вам сказал! С помощью ID просматривайте таблицу. Не используйте next() вместо этого, используйте id и задайте для него фокус. См. Раздел «Что я сделал бы». –

Смежные вопросы