jQuery triger与trigerHandler的区别

发布日期:2018-02-09    浏览次数:511

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> 

本文网址:https://www.wyxxw.cn/blog-detail-1-5-316.html

返回列表

非特殊说明,本文版权归原作者所有,转载请注明出处

提示:本站所有资源仅供学习与参考,请勿用于商业用途。图片来自互联网~如侵犯您的权益,请联系QQ:1067507709.

提示:转载请注明来自:http://www.cnblogs.com/kissdodog/p/5422401.html 。 转载人:momo