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 リクエストは直接発行されます。