htmxのリクエストトリガーに別の要素のイベントを指定する方法 - エキサイト TechBlog.

こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、htmxのリクエストトリガーに別の要素のイベントを指定する方法をご紹介します。 htmxとは 実現したいこと hx-triggerのfrom:*で別の要素のイベントをトリガーに指定できる まとめ 参考文献 htmxとは htmxは、HTMLタグに専用の属性を記述することで、複雑なJSを記述せずにAJAXリクエストの発行を可能にするライブラリです。 htmx.org 以下のように、マークアップの延長のような感覚でAJAXリクエストを実装できるのがhtmxの強みです。 <!-- クリックするとPOSTリクエストが発行される --> <button type="button" hx-post="/sample" hx-trigger="click" hx-target="#target" > 送信 </button> <!-- レス