Loading

2 Columns Autocomplete

Pradeep Rajyaguru

7y874

Hello,

We have already developed search bar with 2 columns but problem is that it's not supporting key-board movements. Like up-down and right-left keys. Here is the screens shot of searchbar which we have developed.

we are trying to support key board to select individual item.

Technology used : ASP.NET Core and JQuery.

Thank you

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Vincent Maverick Durano7y ago
You can write a jQuery method that bind those keys using the onkeydown event: https://api.jquery.com/keydown/

For example:
$(document).keydown(function(e) {
    switch(e.which) {
        case 37: // left
        break;

        case 38: // up
        break;

        case 39: // right
        break;

        case 40: // down
        break;

        default: return; // exit this handler for other keys
    }
    e.preventDefault(); // prevent the default action (scroll / move caret)
});