jQuery |检测文本框内容是否更改

为了检测输入的文本内容是否发生变化，我们使用了 JQuery 的.on()方法。
。在（）
这是 jQuery 提供的内置方法，用于为所选元素及其子元素附加事件处理程序。

句法：

$(selector).on(event, childSel, data, fun, map)

参数：

• 事件：此参数是必需的。它定义了要附加到所选元素的事件或命名空间。如果要提供多个事件，必须用空格分隔。
• childSel：该参数是可选的。它定义了事件处理程序应该只附加到定义的子元素上。
• 数据：该参数是可选的。它指定要传递给函数的附加数据。
• fun：这个参数是可选的。它指定在事件发生时运行的函数。
• map：此参数指定一个事件映射（{event: 函数, event: 函数, ...}），其中包含一个或多个事件和事件发生时要运行的函数

示例 1：在此示例中，出现警告框，提示“文本内容已更改！”当输入的文本改变时。

  

    
        JQuery | 
      detect a textbox's content has changed.
    
    
    
  

  

      
            GeeksForGeeks  
        
    
      Change the text of input text and
      click outside of it to see.
    
    
    
    
    
        $("#input").on("change", function() {
            alert('Text content changed!');
        });
    

  

输出：

• 在输入框外点击后：
  

示例 2：在此示例中，出现警告框，提示“文本内容已更改！”当任何一个活动发生时。

• 输入的文本已更改。
• keyup 事件发生。
• 一些东西被粘贴到输入框中。
• 发生属性变化。

  

    
        JQuery |
      detect a textbox's content has changed.
    
    
    
  

  

      
            GeeksForGeeks  
        
     
      Change the text of input text 
      and click outside of it to see.
    
    
    
    
    
        $("#input").on(
          "propertychange change keyup paste input", function() {
            alert('Text content changed!');
        });
    

  

输出：

• 事件发生后：