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 相关文章推荐
Prototype使用指南之hash.js
Jan 10 Javascript
Firefox getBoxObjectFor getBoundingClientRect联系
Oct 26 Javascript
最简单的jQuery程序 入门者学习
Jul 09 Javascript
jquery ajax提交表单数据的两种实现方法
Apr 29 Javascript
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
Apr 12 Javascript
jQuery实现移动 和 渐变特效的点击事件
Feb 26 Javascript
浅谈jquery.fn.extend与jquery.extend区别
Jul 13 Javascript
JS实现不规则TAB选项卡效果代码
Sep 16 Javascript
js实现截图保存图片功能的代码示例
Feb 16 Javascript
微信小程序中用WebStorm使用LESS
Mar 08 Javascript
JavaScript canvas实现围绕旋转动画
Nov 18 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编程语言开发动态WAP页面
2006/10/09 PHP
php xml文件操作实现代码(二)
2009/03/20 PHP
PHP 修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)
2012/06/07 PHP
微信小程序 消息推送php服务器验证实例详解
2017/03/30 PHP
php实现算术验证码功能
2018/12/05 PHP
juqery 学习之三 选择器 子元素与表单
2010/11/25 Javascript
javascript中创建对象的几种方法总结
2013/11/01 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
2014/08/18 Javascript
JavaScript制作淘宝星级评分效果的思路
2020/06/23 Javascript
jquery trigger函数执行两次的解决方法
2016/02/29 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
Bootstrap模态框案例解析
2017/03/05 Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
2018/06/28 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
2018/07/23 Javascript
javascript实现导航栏分页效果
2019/06/27 Javascript
python基于queue和threading实现多线程下载实例
2014/10/08 Python
探索Python3.4中新引入的asyncio模块
2015/04/08 Python
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
Python 实现取矩阵的部分列,保存为一个新的矩阵方法
2018/11/14 Python
Python读写文件基础知识点
2019/06/10 Python
Python GUI编程 文本弹窗的实例
2019/06/11 Python
浅谈pytorch torch.backends.cudnn设置作用
2020/02/20 Python
Python插件机制实现详解
2020/05/04 Python
Python如何使用PIL Image制作GIF图片
2020/05/16 Python
使用openCV去除文字中乱入的线条实例
2020/06/02 Python
Jupyter Notebook 远程访问配置详解
2021/01/11 Python
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
2019/04/26 HTML / CSS
荟萃全球保健品:维他购
2018/05/09 全球购物
爱尔兰旅游网站:ebookers.ie
2020/01/24 全球购物
电子信息毕业生自荐信
2013/11/16 职场文书
外贸业务员求职信范文
2013/12/12 职场文书
组织生活会发言材料
2014/12/15 职场文书
实习推荐信格式模板
2015/03/27 职场文书
Redis字典实现、Hash键冲突及渐进式rehash详解
2021/09/04 Redis
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python