jquery的trigger和triggerHandler的区别示例介绍


Posted in Javascript onApril 20, 2014

trigger 和triggerHandler都是模拟事件发生的 用具体的案例来描述一下区别

<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>test</title> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> </head> 
<body> 
<input type="checkbox" /> 
<input type="text" id="test"/> 
<input type="button" value="button" id="bnt" onclick="bntClick()"/> 
</body> 
<script> 
$( document ).ready(function() { 
$("input[type='checkbox']").bind("click",function(){ 
$("#test").val("www.baidu.com"); 
}); 
}); 
function bntClick(){ 
$("input[type='checkbox']").trigger("click"); 
} 
</script> 
</html>

当点击 checkbox的时候 checkbox勾上 并将input[type='text']赋值www.baidu.com

当点击 input[type='button'] 的时候 就会发生跟点击checkbox同样的事情

将trigger换成triggerHandler时候 当点击 input[type='button'] 的时候 就只会给input[type='text']赋值 而不会勾选checkbox

triggerHandler 阻止了 绑定事件的元素的默认行为

Javascript 相关文章推荐
动态获取复选框checkbox选中个数的jquery代码
Jun 25 Javascript
jQuery setTimeout传递字符串参数报错的解决方法
Jun 09 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
Jun 05 Javascript
简述AngularJS相关的一些编程思想
Jun 23 Javascript
jQuery实现自动切换播放的经典滑动门效果
Sep 12 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
Jan 21 Javascript
JavaScript中apply方法的应用技巧小结
Sep 29 Javascript
JS实现向iframe中表单传值的方法
Mar 24 Javascript
JS实现提交表单前的数字及邮箱校检功能
Nov 13 Javascript
微信小程序全局变量功能与用法详解
Jan 22 Javascript
微信小程序实现带参数的分享功能(两种方法)
May 17 Javascript
Vue Render函数创建DOM节点代码实例
Jul 08 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
Apr 20 #Javascript
给html超链接设置事件不使用href来完成跳
Apr 20 #Javascript
jQuery响应enter键的实现思路
Apr 18 #Javascript
jquery easyui 结合jsp简单展现table数据示例
Apr 18 #Javascript
jQuery如何取id有.的值一般的方法是取不到的
Apr 18 #Javascript
用jquery仿做发微博功能示例
Apr 18 #Javascript
实例说明为什么不要行内使用javascript
Apr 18 #Javascript
You might like
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
PHP简单实现DES加密解密的方法
2016/07/12 PHP
PHP实现单文件、多个单文件、多文件上传函数的封装示例
2019/09/02 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
JQuery 国际象棋棋盘 实现代码
2009/06/26 Javascript
javascript 写类方式之六
2009/07/05 Javascript
ExtJS[Desktop]实现图标换行示例代码
2013/11/17 Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
2014/08/12 Javascript
Backbone.js框架中简单的View视图编写学习笔记
2016/02/14 Javascript
Angularjs使用指令做表单校验的方法
2017/03/31 Javascript
vue.js中Vue-router 2.0基础实践教程
2017/05/08 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
2017/12/19 Javascript
关于jquery layui弹出层的使用方法
2018/04/21 jQuery
JavaScript函数定义方法实例详解
2019/03/05 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
vue excel上传预览和table内容下载到excel文件中
2019/12/10 Javascript
使用webpack搭建vue环境的教程详解
2019/12/31 Javascript
[15:39]教你分分钟做大人:龙骑士
2014/10/30 DOTA
深入解析Python中的变量和赋值运算符
2015/10/12 Python
深入理解python多进程编程
2016/06/12 Python
pandas获取groupby分组里最大值所在的行方法
2018/04/20 Python
使用python实现快速搭建简易的FTP服务器
2018/09/12 Python
浅析Python数字类型和字符串类型的内置方法
2019/12/22 Python
在pytorch中对非叶节点的变量计算梯度实例
2020/01/10 Python
如何通过命令行进入python
2020/07/06 Python
爱尔兰橄榄球店:Irish Rugby Store
2019/12/05 全球购物
英国100%防污和防水的靴子:Muck Boot Company
2020/09/08 全球购物
学校消防演习方案
2014/02/19 职场文书
客户接待方案
2014/02/26 职场文书
资助贫困学生倡议书
2014/05/16 职场文书
大学计划书范文800字
2014/08/14 职场文书
竞选大队干部演讲稿
2014/09/11 职场文书
运动会广播稿100字
2014/09/14 职场文书
毕业生对母校寄语
2015/02/26 职场文书
Golang 入门 之url 包
2022/05/04 Golang