trigger()

本页内容
上一节: Event_toggle 下一节: Event_triggerhandler

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 );
});

语法

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

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

更多实例

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

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

jQuery 事件方法

上一节: Event_toggle 下一节: Event_triggerhandler
此页面最后编辑于2022年8月19日 (星期五) 11:41。