Hotwire Discussion

Were I can find info about all data-actions avaible?

I know that in the ‘data-action’ attrib are avaible: click, submit, change

But is there avaible methods like onKeyPress?

You can handle any DOM event with a Stimulus action. Here’s the HTML for a text input with a keypress action:

<input type="text" data-action="keypress->foo#bar">

The value of the input element’s data-action attribute tells Stimulus to handle keypress events for the input by invoking the bar method in the foo controller. Read more about action descriptors in the Handbook.

2 Likes

Hi,

If you want to fetch “keypress” on the whole page, like a short cut to play next song, then
you could use the following action:

<div data-controller="my-controller" data-action="keypress@window->my-controller#keypress">
...
</div>

Cordialement,