检测HTML输入表的已更改输入值

<form id="myForm" onsubmit="handleSubmit(event)">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name" required><br>

  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email" required><br>

  <button type="submit">提交</button>
</form>

<script>
  // 保存之前的输入值
  var previousValues = {};

  // 表单提交事件处理函数
  function handleSubmit(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 获取输入值
    var name = document.getElementById('name').value;
    var email = document.getElementById('email').value;

    // 检测姓名是否更改
    if (name !== previousValues.name) {
      console.log('姓名已更改：', name);
      // 执行相应操作...
    }

    // 检测邮箱是否更改
    if (email !== previousValues.email) {
      console.log('邮箱已更改：', email);
      // 执行相应操作...
    }

    // 保存当前输入值作为下一次比较的参考
    previousValues.name = name;
    previousValues.email = email;

    // 提交表单或执行其他操作...
  }
</script>