hx-confirm

hx-confirm 屬性允許您在發出請求之前確認一個動作。這在動作具有破壞性且您想確保使用者確實想要執行該動作的情況下非常有用。

以下是一個範例

<button hx-delete="/account" hx-confirm="Are you sure you wish to delete your account?">
  Delete My Account
</button>

事件詳情

由 hx-confirm 觸發的事件在其 detail 中包含額外的屬性

• triggeringEvent: 觸發原始請求的事件
• issueRequest(skipConfirmation=false): 可用於確認 AJAX 請求的回呼函式
• question: HTML 元素上 hx-confirm 屬性的值

注意事項

• hx-confirm 是可繼承的，可以放在父元素上
• hx-confirm 預設使用瀏覽器的 window.confirm。您可以自訂此行為，如此範例所示。
• 一個布林值 skipConfirmation 可以傳遞給 issueRequest 回呼函式；如果為 true（預設為 false），則不會呼叫 window.confirm，並且會直接發出 AJAX 請求