jquery中的trigger和triggerHandler区别

我们在jQuery基础教程之如何注册以及触发自定义事件这篇文章中,有用到今天要讲的trigger方法。
今天我们来简单看看jquery中的trigger何triggerHandler方法的区别:
trigger( event, [data] )
在每一个匹配的元素上触发某类事件。
这个函数也会导致浏览器同名的默认行为的执行。比如,如果用trigger()触发一个’submit’,则同样会导致浏览器提交表单。如果要阻止这种默认行为,应返回false。
你也可以触发由bind()注册的自定义事件

?
1
2
3
4
$( "p" ).click( function (event, a, b) {
   // 一个普通的点击事件时,a和b是undefined类型
   // 如果用下面的语句触发,那么a指向"foo",而b指向"bar"
} ).trigger( "click" , [ "foo" , "bar" ]);

triggerHandler( event, [data] )
这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作.
如果你对一个focus事件执行了 .triggerHandler() ,浏览器默认动作将不会被触发,只会触发你绑定的动作:

为了让大家更好地理解这两者的区别,我在网上找来一个很棒的例子:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
< button id = "old" >.trigger("focus")</ button >
< button id = "new" >.triggerHandler("focus")</ button >< br >< br >
< input type = "text" value = "To Be Focused" >
< script >
$(function(){
     $("#old").click(function(){
         $("input").trigger("focus");
     });
     $("#new").click(function(){
         $("input").triggerHandler("focus");
     });
     $("input").focus(function(){
         $("< span >Focused!</ span >").appendTo("body").fadeOut(1000);
     });
});
</ script >
jquery中trigger和triggerHandler方法的区别

结合前文所述的jquery中的这两个方法的定义~大家自己去理解例子吧~
有不明白的,可以留言~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值