Keyboard shortcuts for StimulusJS

click_controller.js

// app/javascript/controllers/click_controller.js
import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  click() {
    this.element.click()
  }
}

keyboard_shortcuts.html.erb

<%# app/views/shared/_keyboard_shortcuts.html.erb %>
<! -- clicking "n" will click the link -->
<%= link_to "New Post", new_post_path, 
    data: { 
      controller: "click",
      action: "keydown.n@window->click#click"
    } %>

<! -- clicking "Ctrl+K" will click the link -->
<button data-controller="click"
        data-action="keydown.meta+k@window->click#click keydown.ctrl+k@window->click#click">
  Search
</button>

<! -- clicking "Cmd+Enter" will click the link -->
<button data-controller="click"
        data-action="keydown.cmd+enter@window->click#click keydown.ctrl+enter@window->click#click">
  Submit
</button>