HTML 一个JS文件中的多个keyup事件

在HTML中，我们可以使用JavaScript（JS）来处理用户的输入事件。keyup事件是一个常用的事件，它会在用户释放键盘上的键时触发，如果我们在一个JS文件中需要处理多个keyup事件，我们可以为每个元素分别绑定一个事件处理器。

以下是一个示例：

1、我们需要在HTML中创建一些元素，并为这些元素添加keyup事件监听器，我们有两个输入框和一个按钮：

<input type="text" id="input1" placeholder="输入框1">
<input type="text" id="input2" placeholder="输入框2">
<button id="button">提交</button>

2、我们在JS文件中为这些元素分别添加keyup事件监听器，当用户在任何一个输入框中释放键盘上的键时，都会触发对应的事件处理器：

// 获取元素
var input1 = document.getElementById('input1');
var input2 = document.getElementById('input2');
var button = document.getElementById('button');
// 为第一个输入框添加keyup事件监听器
input1.addEventListener('keyup', function() {
    console.log('输入框1的内容已更新');
});
// 为第二个输入框添加keyup事件监听器
input2.addEventListener('keyup', function() {
    console.log('输入框2的内容已更新');
});
// 为按钮添加点击事件监听器
button.addEventListener('click', function() {
    console.log('按钮被点击');
});

在这个示例中，我们使用了addEventListener方法来为元素添加事件监听器，这个方法接受两个参数：要监听的事件类型（如’keyup’或’click’）和事件处理器函数，当指定的事件发生时，浏览器会自动调用这个函数。