Replies: 1 comment
-
|
Figured it out: Add an event handler on body to react to the keydown event and trigger the corresponding event. <body _="on keydown[key is 'Escape'] trigger closeModal">On the div though 2 event handlers are needed: And that had me confused - only after I read the documentation thoroughly I understood that the event scoping is local by default (well, that's on me for not reading the manual first ;) ). I think it could be useful though to have another magic keyword for from: |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hi, I've been playing around with htmx and hyperscript, following the example here https://htmx.org/examples/modal-custom/
But what I'm missing there and what I can't figure out with the hyperscript documentation: How can I register keystrokes?
For example, from the docs https://hyperscript.org/docs/#event I would have thought I can use something like
on keyup[key is 'Escape'] trigger closeModal. But when I do that nothing happens. When I replacetrigger closeModalwithlog eventI also get nothing.So, I'm a bit stuck. Is this a focus thing? That the event is not registered because it's part of the underlay, instead of the "highest" div?
I know that regular elements react to ESC by default, is there a way to replicate this with hyperscript?
Beta Was this translation helpful? Give feedback.
All reactions