jQuery trigger() 方法
jQuery 事件方法实例代码
触发 <input> 元素的 select 事件：
$("button").click(function(){
$("input").trigger("select");
});
定义和用法
trigger() 方法触发被选元素上指定的事件以及事件的默认行为（比如表单提交）。
该方法与 triggerHandler() 方法类似，不同的是 triggerHandler() 不触发事件的默认行为。
与 triggerHandler() 方法相比的不同之处:
- trigger() 方法不会引起事件（比如表单提交）的默认行为
- trigger() 会操作 jQuery 对象匹配的所有元素，而 triggerHandler() 只影响第一个匹配元素。
- 由 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 );
});
如果你想要触发一个链接的默认行为，比如链接到指定的 URL，需要在事件处理函数中调用 event.preventDefault() 方法，例如：
实例代码
$('#myLink').on('click', function(event) {
event.preventDefault();
window.location.href = 'https://www.haodaima.com';
});
语法
$(selector).trigger(event,eventObj,param1,param2,...)
| 参数 | 描述 |
|---|---|
| event | 必需。规定指定元素上要触发的事件。 可以是自定义事件，或者任何标准事件。 |
| param1,param2,... | 可选。传递到事件处理程序的额外参数。 额外的参数对自定义事件特别有用。 |
传递额外参数到自定义事件
如何传递额外参数到自定义事件处理程序。
trigger() 和 triggerHandler() 之间的不同
演示 trigger() 和 triggerHandler() 之间的不同。