jQuery trigger() 方法触发被选元素上指定的事件以及事件的默认行为（比如表单提交）

语法

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

说明

该方法与 triggerHandler() 方法类似，不同的是 triggerHandler() 不触发事件的默认行为

与 triggerHandler() 方法相比的不同之处:

1. 它不会引起事件（比如表单提交）的默认行为
2. .trigger() 会操作 jQuery 对象匹配的所有元素，而 .triggerHandler() 只影响第一个匹配元素
3. 由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡； 如果目标元素不直接处理它们，则不会发生任何事情。

triggerHandler() 与 .trigger() 比较

$( "#old" ).click(function() {
  $( "input" ).trigger( "focus" );
});


$( "#new" ).click(function() {
  $( "input" ).triggerHandler( "focus" );
});

$( "input" ).focus(function() {
  $( "<span>Focused!</span>" ).appendTo( "body" ).fadeOut( 1000 );
});

运行范例 »

范例

触发 <input> 元素的 select 事件

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

运行范例 »

更多范例

1. 传递额外参数到自定义事件

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

2. trigger() 和 triggerHandler() 之间的不同

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