hx-trigger

---

hx-trigger는 어떠한 AJAX 요청을 할지 정할수 있다.

• 이벤트 이름 (ex: “click”)
• every <timing declaration>
• comma-sperated list

이벤트

<div hx-get="/clicked" hx-trigger="click">Click Me</div>

<div hx-get="/clicked" hx-trigger="click[ctrlKey]">
	Control Click Me
</div>

<div hx-get="/clicked" hx-trigger="click[checkGlobalState()]">
	Control Click Me
</div>

<div hx-get="/clicked" hx-trigger="click[ctrlKey&&shiftKey]">
	Control-Shift Click Me
</div>

이벤트 수정사

• once
• changed
• delay:<timing declaration>
• throttle:<timing delclartion>
• from:<CSS 선택자>
• target:<CSS 선택자>
• consume
• queue:<queue option>

---

• Element - Web APIs | MDN (mozilla.org)

• </> htmx ~ hx-trigger Attribute