JavaScript监听change和input事件

在JavaScript中，可以使用addEventListener方法来监听input和change事件。input事件在输入框的值发生变化时触发，而change事件在输入框失去焦点时触发（对于select元素，在其选项改变时也会触发）。

以下是监听这两个事件的示例代码：

// 监听input事件
document.getElementById('myInput').addEventListener('input', function(event) {
    console.log('Input changed:', event.target.value);
});
 
// 监听change事件
document.getElementById('myInput').addEventListener('change', function(event) {
    console.log('Input changed and lost focus:', event.target.value);
});
 
// 如果是在表单元素上监听，可以这样做
document.getElementById('myForm').addEventListener('input', function(event) {
    console.log('Form input changed:', event.target.name, event.target.value);
});
 
document.getElementById('myForm').addEventListener('change', function(event) {
    console.log('Form input changed and lost focus:', event.target.name, event.target.value);
});

在这个例子中，myInput是需要监听事件的输入框的ID，myForm是包含输入框的表单的ID。这些事件监听器会在控制台输出相关信息。