如何捕获包含多个表单的页面上的输入键？

// 获取所有表单元素
const forms = document.querySelectorAll('form');

// 定义一个处理输入事件的函数
function handleInput(event) {
  // 获取输入元素的名称和值
  const name = event.target.name;
  const value = event.target.value;

  // 在控制台中输出输入元素的名称和值
  console.log(`${name}: ${value}`);
}

// 为所有表单元素添加输入事件监听器
forms.forEach(form => {
  form.addEventListener('input', handleInput);
});