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 函数集合
Jun 11 Javascript
模仿JQuery.extend函数扩展自己对象的js代码
Dec 09 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 Javascript
详解javascript中对数据格式化的思考
Jan 23 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
May 08 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
Aug 15 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
NestJs 静态目录配置详解
Mar 12 Javascript
vue鼠标悬停事件实例详解
Apr 01 Javascript
用vue 实现手机触屏滑动功能
May 28 Javascript
js实现tab栏切换效果
Aug 02 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下使用mysqli的函数连接mysql出现warning: mysqli::real_connect(): (hy000/1040): ...
2016/02/14 PHP
php中通用的excel导出方法实例
2017/12/30 PHP
OfflineSave离线保存代码再次发布使用说明
2007/05/23 Javascript
基于jQuery的简单九宫格实现代码
2012/08/09 Javascript
js函数在frame中的相互调用详解
2014/03/03 Javascript
SuperSlide标签切换、焦点图多种组合插件
2015/03/14 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
2016/04/26 Javascript
javascript深拷贝和浅拷贝详解
2017/02/14 Javascript
使用原生js+canvas实现模拟心电图的实例
2017/09/20 Javascript
Vue.js在数组中插入重复数据的实现代码
2017/11/17 Javascript
vue登录路由验证的实现
2017/12/13 Javascript
原生javascript实现连连看游戏
2019/01/03 Javascript
详解Bootstrap 学习(一)入门
2019/04/12 Javascript
[00:58]他们到底在电话里听到了什么?
2017/11/21 DOTA
Python多线程编程(二):启动线程的两种方法
2015/04/05 Python
Python实现对PPT文件进行截图操作的方法
2015/04/28 Python
在Linux系统上部署Apache+Python+Django+MySQL环境
2015/12/24 Python
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
Django数据库操作之save与update的使用
2020/04/01 Python
python字典key不能是可以是啥类型
2020/08/04 Python
PyChon中关于Jekins的详细安装(推荐)
2020/12/28 Python
pycharm如何设置官方中文(如何汉化)
2020/12/29 Python
css3个性化字体_动力节点Java学院整理
2017/07/12 HTML / CSS
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
2013/01/09 HTML / CSS
Canon佳能美国官方商店:购买数码相机、数码单反相机、镜头和打印机
2016/11/15 全球购物
Melissa鞋英国官方网站:Nonnon
2019/05/01 全球购物
英国领先的在线鱼贩:The Fish Society
2020/08/12 全球购物
环境工程求职简历的自我评价范文
2013/10/24 职场文书
交通事故赔偿协议书范本
2014/04/15 职场文书
离婚协议书怎么写(范本参考)
2014/09/30 职场文书
2015年计生协会工作总结
2015/04/24 职场文书
红高粱观后感
2015/06/10 职场文书
2019年个人工作总结范文(3篇)
2019/08/27 职场文书
浅谈mysql增加索引不生效的几种情况
2021/06/23 MySQL