Listen for keypress of a letter key on its own (lower case)

Wappler General How To
#1

If I add a Key Press Dynamic Event to listen for the key ‘f’, it only works if it’s a capital (so SHIFT-F). How can I get it to work for just the plain key ‘f’?

Wappler 4.0.4 Released
#2

Have a look at this article and press a key under the Examples heading.

and https://caniuse.com/?search=keypress

#3

Do you use a dynamic event with modifier?

dmx-on:keypress.keyf="action()"
#4

This is my code on the <body> tag:

dmx-on:keypress.keyf.debounce:100="formFilter.inp_Filter.focus()"

#5

I see that it returns a different keycode for f and F with the keypressed event, with the keydown and keyup it always returns the same keycode. Never noticed this difference before, will see if we can improve the event handling to detect the correct key.

1 Like
#6

Updated the app connect event handling, following update should fix your issue.

dmxAppConnect.zip (24.2 KB)

2 Likes
How do I achieve the old DMXZone Magic Key Trick
#7

Thanks Patrick. I’ve replaced this on the project but it’s still not recognising ‘f’ without the shift key.

UPDATE: Forget that. Browser cached the js file. Cleared and refreshed and it’s working perfectly.

Big thanks for that.

#8

This has been fixed in Wappler 4.0.4

#9
#10

This topic was automatically closed after 44 hours. New replies are no longer allowed.