首页 > web前端 > js教程 > jQuery.triggerHandler() 函数详解

jQuery.triggerHandler() 函数详解

巴扎黑
发布: 2017-06-25 14:24:48
原创
1484 人浏览过

triggerHandler()函数用于在每个匹配元素上触发指定类型的事件。

此外,你还可以在触发事件时为事件处理函数传入额外的参数。

该函数的作用于trigger()函数相似,但triggerHandler()函数具有以下例外情况:

triggerHandler()不会触发执行元素的默认行为(例如链接click事件默认的跳转行为,表单submit事件默认的提交行为)。

triggerHandler()触发事件只针对jQuery对象中的第一个匹配元素。

triggerHandler()触发的事件不会在DOM树中冒泡,因此事件不会冒泡传递到它的任何祖辈元素。

triggerHandler()的返回值是对应事件处理函数的返回值,而不是当前jQuery对象本身。

该函数属于jQuery对象(实例)。

语法

jQuery 1.2 新增该函数。

jQueryObject.triggerHandler( events [, extraArguments ] )

参数

参数 描述

events String类型指定的事件类型和可选的命名空间,例如"click"、"focus"、"keydown.myPlugin"。

extraArguments 可选/Object类型为事件处理函数传入的额外参数。如果要传入多个参数,请以数组方式传入。

triggerHandler()函数会为触发执行的事件处理函数传入一个默认参数,也就是表示当前事件的Event对象。

参数extraArguments用于为事件处理函数传入更多额外的参数。如果extraArguments是数组形式,则每个元素都将充当函数的参数

返回值

triggerHandler()函数的返回值为任意类型,返回触发执行的事件处理函数的返回值。

示例&说明

请参考下面这段初始HTML代码:

<input id="btn1" type="button" value="点击1" />
<input id="btn2" type="button" value="点击2" />
<a id="a1" href="#">CodePlayer</a>
<div id="log"></div>
登录后复制

首先,我们为上述button和元素绑定事件,然后使用triggerHandler()函数直接触发事件,相应的代码如下:

运行代码(其他代码请自行复制到演示页面运行)

triggerHandler()函数还可以根据传入事件处理函数的Event对象,来触发对应的事件。

以上是jQuery.triggerHandler() 函数详解的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板