# \[jQuery 事件处理\] triggerHandler(type,\[data\])

**URL:** <https://www.isharkfly.com/t/jquery-triggerhandler-type-data/9046>\
**Category:** 前端\
**Created:** [March 21, 2013, 3:08am UTC](https://www.isharkfly.com/t/jquery-triggerhandler-type-data/9046 "2013-03-21T03:08:50Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [March 21, 2013, 3:08am UTC](https://www.isharkfly.com/t/jquery-triggerhandler-type-data/9046/1 "2013-03-21T03:08:50Z")

</div>

这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作。

返回值  
jQuery

参数  
type (String) : 要触发的事件类型

data (Array) : (可选)传递给事件处理函数的附加参数

示例  
如果你对一个focus事件执行了 .triggerHandler() ，浏览器默认动作将不会被触发，只会触发你绑定的动作。

HTML 代码:`<button id="old">.trigger("focus")</button>
<button id="new">.triggerHandler("focus")</button><br/><br/>
<input type="text" value="To Be Focused"/> `jQuery 代码:`$("#old").click(function(){
  $("input").trigger("focus");
});
$("#new").click(function(){
  $("input").triggerHandler("focus");
});
$("input").focus(function(){ $("<span>Focused!</span>").appendTo("body").fadeOut(1000); }); `