如何在 JavaScript 中从用户输入

在 JavaScript 中，可以使用多种方式从用户获取输入。本文将介绍几种常用的方式。

使用 window.prompt() 方法

window.prompt() 方法可以弹出一个对话框，让用户输入一些文本。它的语法如下：

var result = window.prompt(message, default);

其中：

• message 是要显示给用户的文本。
• default 是一个可选参数，表示输入框中的默认值。

该方法返回用户输入的文本，如果用户点击了取消按钮，则返回 null。可以使用如下代码获取用户输入：

var input = window.prompt('请输入一些文本：', '');
console.log(input);

使用 HTML 表单

可以在 HTML 中创建表单，让用户在网页中输入文本、选择选项等。可以使用 JavaScript 获取表单中用户输入的值。示例如下：

<form id="myForm">
  <label for="name">名字：</label>
  <input type="text" id="name" name="name" />
  <br />
  <label for="age">年龄：</label>
  <input type="number" id="age" name="age" />
  <br />
  <label for="sex">性别：</label>
  <select id="sex" name="sex">
    <option value="male">男</option>
    <option value="female">女</option>
  </select>
  <br />
  <button type="submit">提交</button>
</form>

在 JavaScript 中，可以使用以下代码获取表单中用户输入的值：

var form = document.getElementById('myForm');
form.addEventListener('submit', function(e) {
  e.preventDefault();
  var name = form.elements.name.value;
  var age = form.elements.age.value;
  var sex = form.elements.sex.value;
  console.log(name, age, sex);
});

监听键盘事件

可以监听键盘事件，获取用户输入的值。示例如下：

document.addEventListener('keydown', function(e) {
  console.log(e.key);
});

在这个示例中，每当用户按下一个键，就会在控制台输出该键的名称。

使用第三方库

还可以使用第三方库（如 jQuery、React 等）来获取用户输入。这些库提供了丰富的 API，可以方便地获取用户输入、处理用户输入等。

以上就是几种从用户输入中获取输入的方式，不同的应用场景可以选择不同的方式来获取用户输入。