如何在JavaScript中实时检测输入值的变化？

const inputElement = document.getElementById('input');
inputElement.addEventListener('input', function(event) {
  const value = event.target.value;
  // 处理输入值的变化
});

let previousValue = inputElement.value;
setInterval(function() {
  const currentValue = inputElement.value;
  if (currentValue !== previousValue) {
    // 处理输入值的变化
    previousValue = currentValue;
  }
}, 1000); // 每秒检测一次

const observer = new MutationObserver(function(mutationsList) {
  for (let mutation of mutationsList) {
    if (mutation.type === 'characterData' || mutation.type === 'childList') {
      const currentValue = inputElement.value;
      // 处理输入值的变化
    }
  }
});

observer.observe(inputElement, { characterData: true, childList: true });