Prevent default keyboard shortcut?

[karh]

Can we prevent default browser keyboard shortcuts, like https://stackoverflow.com/questions/24764626/any-way-to-prevent-disable-ctrl-key-shortcuts-in-the-browser/24764878

By using the ‘key down’ dynamic event?

[Teodor]

When should the ctrl be disabled exactly? And what are you actually trying to achieve?

[karh]

My use case:
I want to set up a keyboard shortcut like CTRL+E to open an app wide ‘launcher’/search box. (Inspiration from https://university.webflow.com/lesson/quick-find - In webflow I use it a lot to quickly create a div, or search for elements. I want a similar feature)

So in this case I’d like a way to prevent the default browser shortcut that is triggered with CTRL+E. In my chrome browser it focusses the omnibox and lets me search Google.

Edit: you asked “when” → for us any page past the login, so right now the shortcut is on the layout pages attached to the

[Teodor]

Use the keypress dynamic event - [Control][KeyE] and add Prevent modifier to prevent the default action in the browser:

[karh]

Oh wow missed those modifiers… Works flawlessly! Thanks!

Where can I read more about what the other modifiers do like Capture Once Self ?

[Teodor]

What is the meaning of Input (Dynamic Events under Data) Modifiers for Text Input

Not sure if it is explained in the docs, they are event modifiers. stop - is same as stopPropagation(), it prevents the event from bubbling up the dom prevent - is the preventDefault(), it prevents the default action (like following the link) capture - execute the actions in the action phase of the event bubbling self - only execute the action if the event was triggered on the current node (not triggered using bubbling from a node below the current) once - only execute the action once, remo…