如何在使用 jQuery 更改 div 内容时调用函数？

任务是在 div 的内容更改时调用函数。您可以使用称为.change()的内置方法来完成此任务。简单来说，每当字段发生更改时，我们都会调用一个会抛出弹出窗口的函数。

.change()：这个方法只会在元素或字段发生变化时触发。它接受一个可选函数作为执行某种工作的参数。

句法：

$(selector).change(function())

选择器：它将选择一个我们必须在其上执行此任务的元素。

函数()：它是一个可选参数，它将指定当所选元素发生更改事件时要运行的函数。

方法 1：在这种方法中，我们将在不带任何参数（例如函数 ）的情况下实现其执行。

• 首先，创建一个带有一些值和onChange属性的输入框。
• 创建一个按钮并将其映射到您在其中编写了更改方法的脚本，而无需任何参数。

说明：当您单击按钮时，会触发输入字段的更改事件，并且会出现弹出窗口并显示输入字段中的任何内容。

示例 1：

HTML

  

    
    
      
    
        $(document).ready(function(){
            $("button").click(function(){
                $("input").change();
            });
        });
    

  

    
     
        Press enter to see the pop-up. 
        which says whatever written in the 
        input field 
     
    
  
  
    Enter anything you wish to: 
        
    
        Trigger change event for input field
    

  

输出：

点击前：

点击后：

方法 2：在这种方法中，我们将借助函数作为 change 方法中的参数来实现它的执行。

• 制作文本类型的输入字段。
• 将输入元素映射到 change() 方法并编写一些文本以在函数调用时显示。

说明：当您在输入字段中输入内容并按回车键时，更改事件将运行并执行该函数并显示写入该函数的消息。

示例 2：

HTML

  

    
    
  
    
        $(document).ready(function(){
            $("input").change(function(){
                alert("Welcome geek you have changed something.");
            });
        });
    

  

    
    
        Enter something and press enter to see the effect.
    

  

输出：