JQuery检测一个文本框的内容是否被改变

一、JQuery监测input输入框内容改变

可以使用JQuery的change事件以及val()方法来监测input输入框内容的改变。具体实现步骤为：

1. 给需要监测的input输入框添加一个id或者class属性。

2. 使用JQuery的change方法监测输入框内容的改变。

3. 在change方法中，使用val方法获取输入框的当前值以及之前的值，进行比较，判断输入框内容是否发生了改变。

下面是一个示例代码：

<input type="text" id="input1" value="Hello World"/>

<script>
  $('#input1').change(function(){
    var oldValue = $(this).data('oldValue');
    var currentValue = $(this).val();
    if(oldValue !== currentValue){
      console.log('input1的值已经更改了。');
    }
    $(this).data('oldValue', currentValue);
  });
</script>

这个示例代码中，我们为<input>添加了一个id属性，并且使用JQuery的change方法来监测输入框的内容是否发生了改变。在change方法内部，我们使用val方法获取了输入框当前的值和之前的值，并进行了比较，从而判断输入框内容是否发生了改变。

二、JQuery监测textarea输入框内容改变

和监测<input>输入框类似，对于<textarea>输入框也可以使用JQuery的change事件和val方法来监测输入框内容的改变。具体实现步骤如下：

1. 给需要监测的<textarea>输入框添加一个id或者class属性。

2. 使用JQuery的change方法监测输入框内容的改变。

3. 在change方法中，使用val方法获取输入框的当前值以及之前的值，进行比较，判断输入框内容是否发生了改变。

下面是一个示例代码：

<textarea id="textarea1">Hello World</textarea>

<script>
  $('#textarea1').change(function(){
    var oldValue = $(this).data('oldValue');
    var currentValue = $(this).val();
    if(oldValue !== currentValue){
      console.log('textarea1的值已经更改了。');
    }
    $(this).data('oldValue', currentValue);
  });
</script>

这个示例代码中，我们为<textarea>添加了一个id属性，并且使用JQuery的change方法来监测输入框的内容是否发生了改变。在change方法内部，我们使用val方法获取了输入框当前的值和之前的值，并进行了比较，从而判断输入框内容是否发生了改变。