JavaScript confirm

概要: このチュートリアルでは、JavaScriptのconfirm()メソッドを使用して確認ダイアログを表示する方法を学びます。

JavaScript confirm()メソッドの紹介

質問と、OKおよびキャンセルの2つのボタンを持つダイアログを呼び出すには、windowオブジェクトのconfirm()メソッドを使用します。

let result = window.confirm(question);Code language: JavaScript (javascript)

この構文では

• questionは、ダイアログに表示するオプションの文字列です。
• resultは、OKボタンまたはキャンセルボタンのどちらがクリックされたかを示すブール値です。OKボタンがクリックされた場合、結果はtrueです。それ以外の場合、結果はfalseです。

ブラウザがページ内ダイアログを無視する場合、resultは常にfalseになることに注意してください。

確認ダイアログはモーダルで同期的なものです。つまり、ダイアログが表示されるとコードの実行が停止し、ダイアログが閉じられた後に再開します。

次の例では、confirm()メソッドを使用して確認ダイアログを呼び出します。ユーザーの選択に基づいて、alert()メソッドを使用して対応するメッセージを表示します。

let result = confirm('Are you sure you want to delete?');

let message = result ? 'You clicked the OK button' :
    'You clicked the Cancel button';

alert(message);Code language: JavaScript (javascript)

ここをクリックして確認ダイアログを表示

まとめ

• confirm()はwindowオブジェクトのメソッドです。
• confirm()は、質問と、OKおよびキャンセルの2つのボタンで構成されるシステムダイアログを表示します。
• confirm()は、OKボタンがクリックされた場合はtrueを、キャンセルボタンが選択された場合はfalseを返します。