Add KEYBOARD SHORTCUTS to Your Website with JavaScript

In today's video I'll show you how easy it is to add keyboard shortcuts to your existing website, app or JavaScript game. This is achieved using the Keyboard Event Object, and Add Event Listener.

For your reference, check this out:

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #javascript

[dcode-software]

IMPORTANT:

Please make sure you put preventDefault *inside* your IF statements, to ensure you don't disable ALL default behaviour.

[ArmaanM]

by the way if you havent already make sure that you do put the <script> elment as this is javascript and wont load in html until and unless you start the code with <script> and end with </script>

[jakeycakester]

You put preventDefault outside of the if statement, so the way you wrote that code would prevent all defaults, which would completely disable the keyboard from doing anything other than the alert in the if statement

[mohamedelfodilihaddaden]

Very straightforward and clear. Thanks

[cmtg]

What i like on the videos you make, they are straight forward and short but sweet which exactly the best way to get information

[Leyero_editor]

your videos on coding are the most helpful, ngl

[maxkingman]

fine job, pal. works like the proverbial charm. thx!

[shamrai]

Thank you, very accessible explanation, although I am not a native English speaker, but I understood everything

[failscript]

Not related to the subject in the video, but sometimes I forget you're not Danny Ric! You're voice sounds just like his. Oh and I must thank you for all this videos, you have no idea how much it helps bro. Saves my ass on daily basis!

[boxs]

Its important to add: <<<... && !== document.activeElement >>> To prevent the shortcut from being executed while typing

[haroldbright]

When we type in Win+K, it opens up some windows settings window in the background. even when the prevent event was called. Is there anything else we should be writing to achieve it?

[prathamrajgor]

Everytime i press a key the code runs 2 times and 2nd time it runs 4 times and then 8 and 16 and so on... this eventually crashes my app. my code is exactly same as yours

[oeny]

How do I make it so that it will click a button on my website?

[bhasim]

I like you just because you dont have a really accent

[ejierocks]

Warning preventDefault(); = Disable all Inputs also.

[jitenanand]

Make a Video to prevent global Keyboard Events and override them with your own custom keyboard event shorcut registry.

[bhasim]

if you would put your code in the description = 10/10 video

[BenjaminAster]

Can you please, pleeease just use dark mode in Chrome... :(