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 相关文章推荐
XML的代替者----JSON
Jul 21 Javascript
页面版文本框智能提示JS代码
Nov 20 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
Apr 20 Javascript
实例讲解JQuery中this和$(this)区别
Dec 08 Javascript
基于JS实现简单的样式切换效果代码
Sep 04 Javascript
简单对比分析JavaScript中的apply,call与this的使用
Dec 04 Javascript
JS简单循环遍历json数组的方法
Apr 22 Javascript
AngularJS模块详解及示例代码
Aug 17 Javascript
javascript入门之数组[新手必看]
Nov 21 Javascript
js控制台输出的方法(详解)
Nov 26 Javascript
微信小程序 textarea 详解及简单使用方法
Dec 05 Javascript
微信小程序教程系列之视图层的条件渲染(10)
Apr 19 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
饭制《星际争霸》Mod:优化游戏机制 增加新单位
2017/07/02 星际争霸
全新的PDO数据库操作类php版(仅适用Mysql)
2012/07/22 PHP
支持生僻字且自动识别utf-8编码的php汉字转拼音类
2014/06/27 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
JQuery最佳实践之精妙的自定义事件
2010/08/11 Javascript
Web开发者必备的12款超赞jQuery插件
2010/12/03 Javascript
Javascript倒计时页面跳转实例小结
2013/09/11 Javascript
实现动画效果核心方式的js代码
2013/09/27 Javascript
使用jQueryMobile实现滑动翻页效果的方法
2015/02/04 Javascript
javascript 应用小技巧方法汇总
2015/07/05 Javascript
js获取当前年月日-YYYYmmDD格式的实现代码
2016/06/01 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
最常见的左侧分类菜单栏jQuery实现代码
2016/11/28 Javascript
Javascript中引用类型传递的知识点小结
2017/03/06 Javascript
浅谈Angular4中常用管道
2017/09/27 Javascript
JS 使用 window对象的print方法实现分页打印功能
2018/05/16 Javascript
vue结合axios与后端进行ajax交互的方法
2018/07/06 Javascript
JavaScript链式调用实例浅析
2018/12/19 Javascript
[38:41]2014 DOTA2国际邀请赛中国区预选赛 LGD VS CNB
2014/05/22 DOTA
[02:14]2016国际邀请赛中国区预选赛Ehome晋级之路
2016/07/01 DOTA
Python实现的批量下载RFC文档
2015/03/10 Python
python实现两张图片的像素融合
2019/02/23 Python
python递归法解决棋盘分割问题
2019/07/17 Python
python判断无向图环是否存在的示例
2019/11/22 Python
只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
2012/06/04 HTML / CSS
SportsDirect.com马来西亚:英国第一体育零售商
2018/11/21 全球购物
机电专业体育教师求职信
2013/09/21 职场文书
竞争上岗演讲稿
2014/01/05 职场文书
军神教学反思
2014/02/04 职场文书
中学生操行评语大全
2014/04/24 职场文书
入党积极分子群众意见
2015/06/01 职场文书
2016年圣诞节活动总结范文
2016/04/01 职场文书
Python虚拟环境virtualenv是如何使用的
2021/06/20 Python
分析ZooKeeper分布式锁的实现
2021/06/30 Java/Android
RestTemplate如何通过HTTP Basic Auth认证示例说明
2022/03/17 Java/Android