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 代码的方法小结
Jul 16 Javascript
读JavaScript DOM编程艺术笔记
Nov 15 Javascript
没有document.getElementByName方法
Aug 19 Javascript
js 窗口抖动示例
Sep 04 Javascript
PHP abstract与interface之间的区别
Nov 11 Javascript
基于jQuery实现最基本的淡入淡出效果实例
Feb 02 Javascript
js实现精美的银灰色竖排折叠菜单
May 16 Javascript
AngularJS 视图详解及示例代码
Aug 17 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
Sep 24 Javascript
基于three.js编写的一个项目类示例代码
Jan 05 Javascript
浅谈vue 单文件探索
Sep 05 Javascript
JS如何定义用字符串拼接的变量
Jul 11 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
php 文件上传系统手记
2009/10/26 PHP
PHP防止图片盗用(盗链)的方法小结
2016/11/11 PHP
PHP使用zlib扩展实现GZIP压缩输出的方法详解
2018/04/09 PHP
Windows下wamp php单元测试工具PHPUnit安装及生成日志文件配置方法
2018/05/28 PHP
层序遍历在ExtJs的TreePanel中的应用
2009/10/16 Javascript
javascript中字符串的定义示例代码
2013/12/19 Javascript
Javascript 赋值机制详解
2014/11/23 Javascript
javascript数据类型示例分享
2015/01/19 Javascript
jQuery oLoader实现的加载图片和页面效果
2015/03/14 Javascript
Nodejs Express4.x开发框架随手笔记
2015/11/23 NodeJs
javascript HTML+CSS实现经典橙色导航菜单
2016/02/16 Javascript
jQuery插件ajaxfileupload.js实现上传文件
2020/10/23 Javascript
完美实现八种js焦点轮播图(上篇)
2016/07/18 Javascript
ionic实现滑动的三种方式
2016/08/27 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
2016/09/17 Javascript
如何提高javascript加载速度
2016/12/26 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
2020/03/25 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
2020/04/26 Javascript
原生js生成图片验证码
2020/10/11 Javascript
[02:30]DOTA2放量测试专访海涛:呼吁保护新手玩家
2013/08/26 DOTA
[01:46]2020完美世界全国高校联赛秋季赛报名开启
2020/10/15 DOTA
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
Python中remove漏删和索引越界问题的解决
2020/03/18 Python
Python telnet登陆功能实现代码
2020/04/16 Python
在 Python 中使用 7zip 备份文件的操作
2020/12/11 Python
美丽的现代设计家具:2Modern
2018/07/26 全球购物
美国最佳选择产品网站:Best Choice Products
2019/05/27 全球购物
最新的互联网创业计划书
2014/01/10 职场文书
乡镇干部十八大感言
2014/02/17 职场文书
保护环境倡议书
2014/04/14 职场文书
高中国旗下的演讲稿
2014/08/28 职场文书
2016年基层党组织公开承诺书
2016/03/25 职场文书
Oracle 死锁的检测查询及处理
2021/09/25 Oracle
Golang 遍历二叉树
2022/04/19 Golang