Tobio's Blog

Tobio's Blog

Keyboard Controls for Autocomplete

Use OnKeyDown to listen for arrow keys, not OnKeyPress!

One of today's tasks was to add autocomplete to my project's search bar. So, when you type, a box should appear below the input box to show potential things you might want to search for.

I discovered today the following things:

1 - It's needless to set up an EventListener when you can just use HTML's own properties for it.

2 - OnKeyPress works great for characters and the enter key, but doesn't catch other keys

3 - OnKeyDown can be used to listen for arrow keys, which are returned on the event as such: event.key ==="ArrowUp"

That's all for now~!

When I come up with other, cooler things, I'll be sure to post.

Share this