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 相关文章推荐
用一段js程序来实现动画功能
Mar 06 Javascript
document.designMode的功能与使用方法介绍
Nov 22 Javascript
jquery.validate使用攻略 第一部
Jul 01 Javascript
从零学jquery之如何使用回调函数
May 16 Javascript
jQuery基于json与cookie实现购物车的方法
Apr 15 Javascript
JS函数的定义与调用方法推荐
May 12 Javascript
window.open不被拦截的简单实现代码(推荐)
Aug 04 Javascript
详解Jquery的事件操作和文档操作
Dec 19 Javascript
基于vue的下拉刷新指令和滚动刷新指令
Dec 23 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
Mar 06 Javascript
vue中touch和click共存的解决方式
Jul 28 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通用检测函数集合
2006/11/25 PHP
33道php常见面试题及答案
2015/07/06 PHP
深入理解PHP中的count函数
2016/05/31 PHP
PHP使用FFmpeg获取视频播放总时长与码率等信息
2016/09/13 PHP
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
2011/04/06 Javascript
JS 实现Json查询的方法实例
2013/04/12 Javascript
JQuery DataTable删除行后的页面更新利用Ajax解决
2013/05/17 Javascript
原生Js页面滚动延迟加载图片实现原理及过程
2013/06/24 Javascript
Extjs4中的分页应用结合前后台
2013/12/13 Javascript
javascript检查浏览器是否支持flash的实现代码
2014/08/14 Javascript
JavaScript获得表单target属性的方法
2015/04/02 Javascript
深入解析JavaScript编程中的this关键字使用
2015/11/09 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
2015/12/14 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
seajs模块之间依赖的加载以及模块的执行
2016/10/21 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
2017/02/20 Javascript
js实现悬浮窗效果(支持拖动)
2017/03/09 Javascript
详解用node-images 打造简易图片服务器
2017/05/08 Javascript
BootStrap数据表格实例代码
2017/09/13 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
微信小程序开发问题之wx.previewImage
2018/12/25 Javascript
es6中new.target的作用和使用场景简单示例分析
2020/03/14 Javascript
基于vue--key值的特殊用处详解
2020/07/31 Javascript
详解Python多线程
2016/11/14 Python
Python实现数值积分方式
2019/11/20 Python
一篇文章教你用python画动态爱心表白
2020/11/22 Python
乌克兰在线电子产品商店:MTA
2019/11/14 全球购物
项目经理岗位职责
2013/11/11 职场文书
公司司机岗位职责
2014/02/07 职场文书
广告设计应届生求职信
2014/03/01 职场文书
综合素质评价自我评价
2015/03/06 职场文书
教学督导岗位职责
2015/04/10 职场文书
调任通知
2015/04/21 职场文书
交心谈心活动总结
2015/05/11 职场文书
sqlserver2017共享功能目录路径不可改的解决方法
2021/04/16 SQL Server
python周期任务调度工具Schedule使用详解
2021/11/23 Python