hx-post triggered on enter key in <textarea>

[jritsema]

I'm currently triggering an hx-post from a button click, however, I want to trigger it when the user hits the enter key inside the <textarea>. What is the simplest way to do this in htmx?

<textarea
  name="question"
  class="form-control"
  rows="4"
></textarea>

<button
  id="ask"
  type="button"
  hx-post="/ask"
  hx-target="#content"
  hx-indicator="#indicator"
>
  Ask
</button>

[jritsema]

I figured it out but I'm not yet preventing the new line from showing up in the <textarea>.

<textarea
  name="question"
  hx-trigger="keydown[key==='Enter'&&!shiftKey]"
  hx-post="/ask"
  hx-target="#content"
  hx-indicator="#indicator"
></textarea>

[andryyy]

Hey, you can add hx-on:keydown="(event.keyCode===13&&!event.shiftKey)?event.preventDefault():null". This does allow for Shift + Enter for new lines but send on Enter.

[jritsema]

Thank you @andryyy!