jQuery trigger() 方法

jQuery 教程 · 2019-03-26 21:56:45

实例

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

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

定义和用法

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

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

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

  • 它不会引起事件(比如表单提交)的默认行为
  • .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,... 可选。传递到事件处理程序的额外参数。
额外的参数对自定义事件特别有用。

点击查看所有 jQuery 教程 文章: https://codercto.com/courses/l/35.html

查看所有标签

分布式服务架构:原理、设计与实战

分布式服务架构:原理、设计与实战

李艳鹏、杨彪 / 电子工业出版社 / 2017-8 / 89.00

《分布式服务架构:原理、设计与实战》全面介绍了分布式服务架构的原理与设计,并结合作者在实施微服务架构过程中的实践经验,总结了保障线上服务健康、可靠的最佳方案,是一本架构级、实战型的重量级著作。 《分布式服务架构:原理、设计与实战》以分布式服务架构的设计与实现为主线,由浅入深地介绍了分布式服务架构的方方面面,主要包括理论和实践两部分。理论上,首先介绍了服务架构的背景,以及从服务化架构到微服务架......一起来看看 《分布式服务架构:原理、设计与实战》 这本书的介绍吧!

SHA 加密
SHA 加密

SHA 加密工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器