jquery trigger方法 jQuery triggerHandler() 方法

jquery trigger方法

jQuery trigger() 方法用于触发指定元素上的指定事件，并执行相应的事件处理函数。该方法可以触发已经在元素上绑定的事件，也可以触发浏览器默认行为。

$(selector).trigger(event, [data])  // event 参数是必须的，data 参数是可选的

trigger() 方法有两个重要的用途：一是手动触发已经在元素上绑定的事件；二是手动触发浏览器默认行为。

trigger() 方法接收一个字符串作为参数，该字符串代表要被触发的事件名。如果要传递额外的数据到处理函数中，则将这些数据作为 trigger() 方法的第二个参数传入即可。

 
$("button").click(function(){   // 给 button 元素添加 click 事件处理函数 
    alert("Button is clicked");   // 这里是处理函数体 
});   // 结束 click 事件处理函数 

 $("button").trigger("click");   // 这里将会弹出 "Button is clicked" 的对话框 

此外，trigger() 方法还有一个重要特性就是能够在不同元素之间传递信息。例如：我们想要在一个 div 元素上执行一个 click 事件时向另一个 div 元素传递信息（例如 id、class 等信息）。这时我们就可以使用 trigger() 方法来实现这样的功能。

 
$("#div1").click(function(){   // 给 div1 元素添加 click 事件处理函数 

    var data = {id: "div2", class: "test"};   // 这里定义要传递到 div2 元素中去的信息

    $("#div2").trigger("click", data);   // 这里将会向 div2 元素中传递 data 变量中包含的信息并激活 click 事件

 });   // 结束 click 事件处理函数 

jQuery triggerHandler() 方法

jQuery triggerHandler() 方法

jQuery 事件方法

实例

触发 <input> 元素的 select 事件：

$("button").click(function(){
$("input").triggerHandler("select");
});

---

定义和用法

triggerHandler() 方法触发被选元素上指定的事件。

该方法与 trigger() 方法类似，不同的是 trigger() 也触发事件的默认行为（比如表单提交）。

---

语法

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

参数	描述
event	必需。规定指定元素上要触发的事件。
param1,param2,...	可选。传递到事件处理程序的额外参数。 额外参数对自定义事件特别有用。

---

更多实例

传递额外参数到自定义事件
如何传递额外参数到自定义事件处理程序。

trigger() 和 triggerHandler() 之间的不同
演示 trigger() 和 triggerHandler() 之间的不同。

---

jQuery 事件方法