JS中的用户输入

在JS中，用户输入通常指在浏览器环境下用户与页面进行交互产生的信息。通常情况下，用户输入可以通过各种方式获取，如表单、键盘操作、鼠标操作等，下面将分别介绍。

表单

表单是获取用户输入最主要的方式之一，在JS中，可以通过 document.forms 属性来获取表单对象，表单元素又可以通过表单对象的 element 属性来获取，如下所示：

// 获取表单对象
const form = document.forms[0];

// 获取表单中的输入框
const input = form.elements[0];

input.value = 'Hello World';

在表单中，还有其他类型的输入框，如单选框、多选框等，可以通过表单对象的 elements 属性来获取：

// 获取单选框
const radio = form.elements[1];

// 获取多选框
const checkbox = form.elements[2];

键盘操作

通过键盘操作获取用户输入也是常见的方式之一，在JS中，可以通过监听 keydown 事件来获取用户按下的按键：

window.addEventListener('keydown', (event) => {
  console.log(event.key);
});

在上面的例子中，当用户按下键盘时，会输出按下的按键名称。

鼠标操作

通过鼠标操作获取用户输入也是常见的方式之一，在JS中，可以通过监听 click 事件来获取用户点击：

window.addEventListener('click', (event) => {
  console.log(event.clientX, event.clientY);
});

在上面的例子中，当用户点击鼠标时，会输出点击的位置坐标。

以上就是JS中获取用户输入的常见方式，通过不同方式获取的用户输入可以帮助我们解决不同的问题，也可以提高用户与页面的交互性。