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.



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">