如何使用 JavaScript 检测文本框内容是否已更改？

任务是使用 JavaScript 检测文本框内容的变化。下面讨论两种方法。

方法一：我们将在input元素中使用onchange事件，调用一个函数看看效果。

• 例子：

    
  
      
          Detect If Textbox content has
          changed using pure JavaScript
      
  
    
  
       
        GeeksforGeeks 
      
      
        Change the text of input text
        and click outside of it to see.
      
      
      
      
      
          function GFG_Fun() {
              alert('Changed');
          }
      
  
    

• 输出：

方法2：很少有其他事件可用于检测文本框内容的变化。在 input 元素中使用onchange event , onpropertychange event , onkeyup event , onpaste event和oninput event中的任何一个或全部，并调用一个函数来查看效果。

• 例子：

    
  
      
          Detect If Textbox content has 
          changed using pure JavaScript
      
  
    
  
        
        GeeksforGeeks  
      
       
        Change the text of input text and
        click outside of it to see.
      
      
      
      
      
          function GFG_Fun() {
              alert('Changed');
          }
      
  
    

• 输出：