jQuery triggerHandler() 方法

jQuery 教程 · 2019-03-26 22:12:54

实例

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

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

定义和用法

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

该方法的返回的是事件处理函数的返回值,而不是具有可链性的 jQuery 对象。此外,如果没有处理程序被触发,则这个方法返回 undefined。

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

与 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).triggerHandler(event,param1,param2,...)

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

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

查看所有标签

突破——程序员如何练就领导力

突破——程序员如何练就领导力

刘朋 / 电子工业出版社 / 2018-8-31 / 55.00元

内容简介: 在今日中国如雨后春笋般出现的各种新兴的互联网和软件公司中,有越来越多的技术达人凭借在技术上的优异表现而被晋升为技术团队的管理者和领导者。然而,从技术到管理——从单枪匹马的个人贡献者到一呼百应的技术团队领导者——注定是“惊险的一跃”。对于刚走上技术团队管理岗位的技术专家,你一定遇到过和本书作者当年一样的各种困惑和不适“症状”: ——我能处理好人“机”关系,但是如何处理好人际关......一起来看看 《突破——程序员如何练就领导力》 这本书的介绍吧!

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

在线XML、JSON转换工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

html转js在线工具
html转js在线工具

html转js在线工具