jQuery triger与trigerHandler的区别 - 逆心

公告

昵称：逆心
园龄： 13年4个月
粉丝： 2573
关注： 31

+加关注

随笔分类

随笔档案

阅读排行榜

评论排行榜

最新评论

1. Re:逻辑数据库设计 - 单纯的树(递归关系数据)
不错
--Just-Like
2. Re:SQL Server Profiler工具
感谢分享
数据库ID:SELECT DB_IC('Northwind') ，这里应该是SELECT DB_ID('Northwind')
--尛鱻鱻
3. Re:逻辑数据库设计 - 单纯的树(递归关系数据)
可以，确实很好的解决方案
--瓜瓜龙
4. Re:NHibernate之映射文件配置说明
宝藏文章
--无烟棒棒糖
5. Re:C# 排列组合
膜拜大佬
--协作者

jQuery triger与trigerHandler的区别

trigger(event, [data]) 与 triggerHandler(event, [data]) 都是用于触发一个事件。

其两者的区别在于，如果触发的事件是有浏览器默认行为的，trigger会触发浏览器默认行为，而triggerHandler不会。

简单来说，如果你要触发一个Form表单的submit事件。那么使用trigger，表单也会提交。而使用triggerHandler表单是不会提交的。

当然，如果你触发的是自己的自定义事件，都是没有浏览器默认行为的事件，那么两者效果其实一样。

<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>trigger与triggerHandler的区别</title> 
<script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function(){
    $('#btnTrigger').click(function(){
      $("#ck1").trigger('click');    //触发浏览器默认行为，会选中
    })

    $('#btnTriggerHandler').click(function(){
      $("#ck1").triggerHandler('click');    //没有浏览器默认行为，不会选中
    })
})
</script> 
</head> 
<body> 
  <input type="checkbox" id="ck1" /> 
  <input type="button" value="btnTrigger" id="btnTrigger" />
   <input type="button" value="btnTriggerHandler" id="btnTriggerHandler" />
</body> 
</html>