js的input修改的时候如何先拿到修改前的值
时间: 2024-10-20 07:05:17 浏览: 36
JS获取复选框的值,并传递到后台的实现方法
在JavaScript中,如果你想要获取表单输入元素(如`<input>`)在用户开始修改之前的内容,你可以监听`oninput`事件,但请注意这个事件会在每次字符改变时触发。如果你想在用户停止键入或失去焦点时获取旧的值,可以使用`onchange`或者结合`onpropertychange`(仅支持IE浏览器)。
下面是一个简单的示例:
```javascript
let oldValue;
const inputElement = document.getElementById('yourInputId');
// 监听input事件
inputElement.addEventListener('input', function (e) {
oldValue = e.target.value; // 保存当前值
});
// 或者监听onchange事件(用户离开字段时触发)
inputElement.addEventListener('change', function () {
oldValue = this.value; // 这里也能获取到旧值
});
// 如果需要处理失焦事件,可以这样做
inputElement.addEventListener('blur', function () {
if (oldValue !== this.value) { // 检查是否真的发生了变化
// 执行你的操作...
}
});
阅读全文