<a href="#" onclick="return confirm('確認してください。')">クリックする</a>
この方法では、アンカータグがクリックされたときにconfirm
関数が呼び出され、指定されたメッセージを含む確認ダイアログが表示されます。ユーザーが「OK」をクリックすると、リンクの動作が続行されます。キャンセルをクリックすると、リンクの動作がキャンセルされます。
<a href="#" id="myLink">クリックする</a>
<script>
$(document).ready(function() {
$("#myLink").click(function() {
if (confirm("確認してください。")) {
// 確認ダイアログの「OK」がクリックされた場合の処理
// リンクの動作を続行するためのコードをここに追加します。
} else {
// 確認ダイアログの「キャンセル」がクリックされた場合の処理
// リンクの動作をキャンセルするためのコードをここに追加します。
}
});
});
</script>
この方法では、アンカータグに一意のID(この例ではmyLink
)を割り当て、jQueryのclickイベントハンドラを使用してクリック時の処理を定義します。confirm
関数を使用して確認ダイアログを表示し、ユーザーの選択に応じて処理を実行します。
これらはアンカータグがクリックされたときに確認ダイアログを表示するための一般的な方法です。必要に応じて、これらの方法をカスタマイズして使用することができます。