Arrow Keys To Navigate On Form - AngularJS

Arrow Keys To Navigate On Form - AngularJS

In this post, I am going to cover a popular scenario that some people specifically ask if they want to add details quickly or navigate across a form or a table i.e using arrow keys on pages. I have built something similar and want to share my approach here.

It supports two dimensional forms like tables or simple forms(vertically).

The important thing here is to set proper value for attribute arrow-keys-index. It has a format row:column which determines form dimension and let directive navigate properly.

Below is the example of a table with multiple rows with every column as input box.

Hope this helps! Happy Coding :)

Lakshay Katney Avatar

Lakshay Katney

Saleforce developer by profession but I like to work with various technologies.I blog about Force.com, Hybrid Apps, PhoneGap, AngularJS, BackboneJS, JavaScript in general. I am Angular & NodeJS fan.

Read More
Share this page
Top 15 Posts