JavaScriptでの確認ダイアログを表示する方法


以下に、確認ダイアログを表示するためのさまざまな方法とそれに関連するコード例を示します。

  1. リンクをクリックした際に確認ダイアログを表示する方法:
<a href="#" onclick="return confirm('本当にリンクをクリックしますか?')">リンク</a>

上記のコードでは、onclick イベントハンドラを使用して、リンクをクリックしたときに confirm 関数を呼び出しています。ダイアログに表示されるメッセージは、引用符で囲まれた部分に記述します。

  1. フォームの送信前に確認ダイアログを表示する方法:
<form onsubmit="return confirm('フォームを送信しますか?')">
  <!-- フォームの内容 -->
  <input type="submit" value="送信">
</form>

上記のコードでは、onsubmit イベントハンドラを使用して、フォームが送信される前に confirm 関数を呼び出しています。ユーザーが「OK」を選択した場合にのみフォームが送信されます。

以上が、JavaScriptを使用して確認ダイアログを表示する方法の例です。適切なコンテキストでこれらのコードを使用することで、ユーザーの操作を確認し、意図しない操作を防止することができます。