IT-lexikon › Web › htmx triggers

htmx triggers

Web In English → Uppdaterad: 2026-05-27

htmx-attribute hx-trigger styr när AJAX-request ska skickas. Default: form-submit, button-click, link-navigation. Custom: hx-trigger="keyup changed delay:500ms", revealed (scrolled into view), every 2s (polling).

Powerful sub-syntax: filter (only when ctrlKey), throttle (rate-limit), delay (debounce), target (element-selector). hx-trigger="sse:newMessage" integration med Server-Sent Events. Klassisk pattern: search-as-you-type med hx-trigger="keyup changed delay:200ms" + hx-get="/search?q=". Form-validation realtime via hx-trigger="blur". Modern web hx-trigger ersätter mycket React-state-management i traditional CRUD-apps. Discoverable via Chrome devtools — alla htmx-requests visible i Network-tab.

← Tillbaka till lexikonet