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 相关文章推荐
javascript相等运算符与等同运算符详细介绍
Nov 09 Javascript
js自动查找select下拉的菜单并选择(示例代码)
Feb 26 Javascript
jQuery获取动态生成的元素示例
Jun 15 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
JQuery分屏指示器图片轮换效果实例
May 21 Javascript
JQuery查找DOM节点的方法
Jun 11 Javascript
Node.js文件操作方法汇总
Mar 22 Javascript
JS hashMap实例详解
May 26 Javascript
js捕捉键盘事件和按键键值的方法
Oct 10 Javascript
React Native时间转换格式工具类分享
Oct 24 Javascript
详解Nuxt.js Vue服务端渲染摸索
Feb 08 Javascript
node中实现删除目录的几种方法
Jun 24 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
正则表达式语法
2006/10/09 Javascript
php下防止单引号,双引号在接受页面转义的设置方法
2008/09/25 PHP
PHP中实现crontab代码分享
2015/03/26 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
Javascript 学习书 推荐
2009/06/13 Javascript
URL地址中的#符号使用说明
2011/02/12 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
超级简单实现JavaScript MVC 样式框架
2015/03/24 Javascript
javascript顺序加载图片的方法
2015/07/18 Javascript
12个非常实用的JavaScript小技巧【推荐】
2016/05/18 Javascript
JS解析url查询参数的简单代码
2017/08/06 Javascript
浅谈AngularJS中使用$resource(已更新)
2017/09/14 Javascript
原生JS实现日历组件的示例代码
2017/09/22 Javascript
JQuery 选择器、DOM节点操作练习实例
2017/09/28 jQuery
原生js实现公告滚动效果
2021/01/10 Javascript
详解Python中用于计算指数的exp()方法
2015/05/14 Python
Python聚类算法之DBSACN实例分析
2015/11/20 Python
python在非root权限下的安装方法
2018/01/23 Python
pycharm设置默认的UTF-8编码模式的方法详解
2020/06/01 Python
Python 删除List元素的三种方法remove、pop、del
2020/11/16 Python
python 使用csv模块读写csv格式文件的示例
2020/12/02 Python
瑞典耳机品牌:URBANISTA
2019/12/03 全球购物
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
团员学习总结的自我评价范文
2013/10/14 职场文书
竞聘书格式及范文
2014/03/31 职场文书
电钳工人个人求职信
2014/05/10 职场文书
英语专业毕业生求职信
2014/05/24 职场文书
安全标语大全
2014/06/10 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
中国梦读书活动总结
2014/07/10 职场文书
领导四风问题整改措施思想汇报
2014/10/13 职场文书
交通安全主题班会
2015/08/12 职场文书
班委竞选稿范文
2015/11/21 职场文书
护士爱岗敬业心得体会
2016/01/25 职场文书
浅谈MySQL next-key lock 加锁范围
2021/06/07 MySQL
浅谈JavaScript浅拷贝和深拷贝
2021/11/07 Javascript