jquery的trigger和triggerHandler区别
2024-08-23 03:17:59
网上关于这个问题都是抄来抄去的,都没怎么说清楚。所以自己做了个测试,供大家参考指教。首先先看API怎么说的
为了检验一下,编写了一个简单的测试代码,如下:
<html lang="en">
<head>
<meta charset="utf-8">
<title>jquery的trigger和triggerHandler区别</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> </head>
<body>
<input type="checkbox" id="checkbox1"/><input type="text" id="test1"/>
<input type="checkbox" id="checkbox2"/><input type="text" id="test2"/>
<input type="button" value="trigger" id="bnt" onclick="bntClick()"/>
<input type="button" value="triggerHandler" id="bnt2" onclick="bntClick2()"/>
</body> <script>
$( document ).ready(function() {
$("#checkbox1").bind("click",function(){
$("#test1").val("www.baidu.com");
});
$("#checkbox2").bind("click",function(){
$("#test2").val("www.baidu.com");
});
}); function bntClick(){
$("input[type='checkbox']").trigger("click");
} function bntClick2(){
$("input[type='checkbox']").triggerHandler("click");
}
</script>
</html>
显示的页面如下
1.点击两个checkbox分别会填充各自右边的输入框。这点不用多做解释,大家一看都知道。
2.点击trigger按钮,显示如下:
点击triggerHandler按钮,如下
对比,可知
triggerHandler不会触发浏览器默认事件-因为checkbox的勾并没有打上,这打勾就是浏览器默认事件;
triggerHandler只触发jQuery对象集合中第一个元素的事件处理函数-第二个输入框并没有触发事件;
API的第三点我只是意会,感觉说不清楚,后期理解深刻了再做补充。。。
最新文章
- 6.如何使用官方提供的nuget包实现cookie登陆
- [MVC_Json序列化]MVC之Json序列化循环引用
- Android.mk
- [Mime] MediaTypes--电子邮件类型类 (转载)
- jq實現網頁個性title
- STL中map与hash_map容器的选择收藏
- 腾讯视频QLV格式转换mp4的方法
- SAP HANA中创建层次分析视图(Hierarchy Analytic View)
- JavaWeb学习篇之----HTTP协议详解
- MySQL:select command denied to user for table 'proc'案例
- linux下用数据泵导入导出(impdp、expdp)
- html5的audio实现高仿微信语音播放效果(实际项目)
- python模块--re模块
- Split Array Largest Sum LT410
- WebVTT 及 HTML5 <;track>; 元素简介
- BigPipe 大的页面分割成一个一个管道
- JS new RegExp
- 精度更高的double类型计算工具类(借助BigDecimal类型)
- [转载]DirectX SDK (June 2010)安装错误S1023,解决方法
- md5加密,md5加盐加密和解密