📜  jQuery |触发器()方法

📅  最后修改于: 2022-05-13 01:55:58.392000             🧑  作者: Mango

jQuery |触发器()方法

trigger()方法是 jQuery 中的一个方法,用于在选定元素上触发指定的事件处理程序。

句法:

$(selector).trigger(event, param1, param2)

注意:可以在 trigger() 方法中传递额外的参数。

例1:这个方法触发了两个方法来增加method的值。



      

    
        jQuery trigger() Method
    

  

    
        

0

    
                       
        

0

    
                                                         

输出:

在上面的例子中,使用了一个Increase(obj)函数,它以一个html元素为对象,通过使用parseInt()函数将字符串转换为整数,将其中的数字文本的值加一。



function Increase(obj) {
        var text = parseInt(obj.text(), 10);
        obj.text(text + 1);
      }

此外,jQuery 选择器用于选择按钮并将单击事件方法附加到它,并在其中调用Increase(obj)函数。

$("#btn1").click(function(){
            Increase($(".box-1>h1"))
        })

        $("#btn2").click(function(){
            $("#btn1").trigger("click");
            Increase($(".box-2>h1"))
        })

当点击增加 #1按钮时,它会将相应 div 中的值增加 1。但是当点击增加 #2按钮时,它会将两个 div 中的值增加 1。因为我们在#btn2 的bind click 方法中的trigger()方法事件的帮助下触发了'click'。

示例 2:此示例在trigger()方法的帮助下触发输入元素的焦点事件。



      

    
        jQuery trigger() Method
    
  
    
      
    

  

    
                            
                   

            click anywhere inside div to              focus input element.         

    
                                        

输出: