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 中的明细包含以下附加属性:

  • triggeredEvent:触发原始请求的事件
  • issueRequest(skipConfirmation=false):可用于确认 AJAX 请求的回调
  • question: HTML 元素上 hx-confirm 的属性值

笔记

  • hx-confirm 可以继承并放置在父元素上
  • hx-confirm 默认情况下使用浏览器window.confirm。你可以自定义此行为,如本示例 所示。
  • skipConfirmation 可以将布尔值传递给 issueRequest 回调;如果为 true(默认为 false),则window.confirm不会调用并直接发出 AJAX 请求