js change事件 获取新值和旧值

// HTML部分
<input type="text" id="myInput" value="初始值">

// JavaScript部分
const inputElement = document.getElementById('myInput');
let oldValue = inputElement.value;

inputElement.addEventListener('change', function(event) {
    const newValue = event.target.value;
    console.log('旧值:', oldValue);
    console.log('新值:', newValue);

    // 更新旧值为当前的新值，以便下次change事件触发时使用
    oldValue = newValue;
});

/*
解释说明：
1. 我们首先通过 `document.getElementById` 获取到输入框元素，并保存其初始值到变量 `oldValue` 中。
2. 然后我们为该输入框添加一个 `change` 事件监听器。当用户修改输入框内容并移开焦点（即触发 change 事件）时，会执行回调函数。
3. 在回调函数中，我们通过 `event.target.value` 获取当前的新值，并将其与 `oldValue` 进行对比输出。
4. 最后，我们将 `oldValue` 更新为当前的新值，以便在下一次 `change` 事件触发时能够正确获取旧值和新值。
*/