Tobias S
Tobio's Blog

Tobio's Blog

Keyboard Controls for Autocomplete

Use OnKeyDown to listen for arrow keys, not OnKeyPress!

Tobias S's photo
Tobias S
·Apr 9, 2021·

1 min read

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