首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

要捕获包含多个表单的页面上的输入键,可以使用JavaScript编写一个事件监听器,监听所有表单的输入事件。以下是一个示例代码:

代码语言:javascript
复制
// 获取所有表单元素
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);
});

这段代码首先获取所有表单元素,然后定义一个处理输入事件的函数。该函数获取输入元素的名称和值,并在控制台中输出它们。最后,为所有表单元素添加输入事件监听器。这样,当用户在任何一个表单中输入内容时,都会触发该事件监听器,并在控制台中输出相应的信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的合辑

领券