js监测input的值变化

const inputElement = document.querySelector('input');
inputElement.addEventListener('input', function(event) {
    console.log('Input value changed:', event.target.value);
});

const inputElement = document.querySelector('input');
const observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        if (mutation.attributeName === 'value') {
            console.log('Input value changed:', inputElement.value);
        }
    });
});

observer.observe(inputElement, {
    attributes: true // 监听属性变化
});

let previousValue = '';
const inputElement = document.querySelector('input');
setInterval(() => {
    if (inputElement.value !== previousValue) {
        console.log('Input value changed:', inputElement.value);
        previousValue = inputElement.value;
    }
}, 100); // 每100毫秒检查一次

function debounce(func, wait) {
    let timeout;
    return function(...args) {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, args), wait);
    };
}

inputElement.addEventListener('input', debounce(function(event) {
    console.log('Input value changed:', event.target.value);
}, 300));