IT用語集 › Web › htmx のトリガー

htmx のトリガー

Web Svenska → 更新: 2026-10-21

htmx の属性 hx-trigger は、AJAX リクエストをいつ送るかを制御する。既定はフォーム送信、ボタンクリック、リンク遷移。

独自指定も可能で、例として hx-trigger="keyup changed delay:500ms"、revealed(画面内にスクロールされたとき)、every 2s(ポーリング)がある。サブ構文は強力で、フィルタ(ctrlKey のときだけ等)、スロットル(頻度制限)、delay(デバウンス)、target(要素セレクタ)を使える。hx-trigger="sse:newMessage" で Server-Sent Events とも連携する。

古典的なパターンは、hx-trigger="keyup changed delay:200ms" と hx-get="/search?q=" による入力中検索。hx-trigger="blur" でリアルタイムのフォーム検証もできる。従来型の CRUD アプリでは、hx-trigger が React の状態管理の多くを置き換える。Chrome の開発者ツールのネットワークタブで htmx のリクエストがすべて見えるので、調べやすい。

← 用語集に戻る