Window prompt() メソッド

定義と用法

prompt() メソッドはダイアログを表示し、ユーザーに値を入力を促します。

ユーザーが「確定」をクリックすると、 prompt() メソッドは入力値を返しますが、それ以外の場合は null

注意

ユーザーに値を入力させる場合は、ポップアップダイアログを使用してください。

ポップアップダイアログが表示された場合、ユーザーは「確定」または「キャンセル」をクリックして続ける必要があります。

この方法を過度に使用しないでください。ダイアログを閉じる前にページの他の部分にアクセスすることができなくなります。

も参照してください:

alert() メソッド

confirm() メソッド

实例

例子 1

提示输入用户名并输出消息:

let person = prompt("请输入您的名字", "Harry Potter");
if (person != null) {
  document.getElementById("demo").innerHTML =
  "Hello " + person + "! How are you today?";
}

自分で試してみてください

例子 2

提示他最喜欢的饮料:

let text;
let favDrink = prompt("你最喜欢的饮料是什么?");
switch(favDrink) {
  case "Coca-Cola":
    text = "很棒的选择!可口可乐对你的灵魂有益。";
    break;
  case "Pepsi":
    text = "百事可乐也是我的最爱!";
    break;
  case "Sprite":
    text = "真的吗?你确定雪碧是你的最爱吗?";
    break;
  default:
    text = "我从来没有听说过那个!";
}

自分で試してみてください

语法

prompt(message, default)

パラメータ

パラメータ 描述
message 必須です。ダイアログに表示するテキストを指定します。
default オプションです。デフォルトの入力テキスト。

返回值

类型 描述
字符串

ユーザーが「確定」をクリックすると、入力値を返します。

ユーザーが文字列を入力しない場合、空文字列を返します。

それ以外の場合はnullを返します。

説明

prompt() メソッドは指定されたメッセージをダイアログで表示します。 messageこのダイアログにはテキスト入力フィールド、確認ボタン、キャンセルボタンがあり、プラットフォームによって決定されたグラフィックがユーザーに対して入力を行う必要があることを説明しています。

ユーザーがキャンセルボタンをクリックすると、prompt() メソッドは nullprompt() 現在表示されている入力フィールドのテキストを返します。

prompt() 表示されるダイアログはモーダルです、つまり、ユーザーが確認ボタンまたはキャンセルボタンをクリックして閉じるまで、ブラウザウィンドウのすべての入力に対してブロッキングされます。このメソッドが返す値はユーザーの応答によって決定されるため、呼び出し prompt() のとき、JavaScript コードの実行は一時停止されます。ユーザーが応答するまで、次の文は実行されません。

ブラウザのサポート

すべてのブラウザがサポートしています prompt()

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート サポート サポート サポート サポート サポート