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 兼容所有浏览器的DOM扩展功能
Aug 01 Javascript
100个不能错过的实用JS自定义函数
Mar 05 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 Javascript
javascript 闭包详解
Feb 15 Javascript
详解JavaScript中shift()方法的使用
Jun 09 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
Aug 27 Javascript
详解用vue编写弹出框组件
Jul 04 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
Nov 22 Javascript
微信小程序中吸底按钮适配iPhone X方案
Nov 29 Javascript
Angular 组件之间的交互的示例代码
Mar 24 Javascript
VSCode launch.json配置详细教程
Jun 18 Javascript
Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
Apr 17 Vue.js
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实例分享之二维数组排序
2014/05/15 PHP
PHP开发注意事项总结
2015/02/04 PHP
PHP模拟asp.net的StringBuilder类实现方法
2015/08/08 PHP
EarthLiveSharp中cloudinary的CDN图片缓存自动清理python脚本
2017/04/04 PHP
javascript入门·对象属性方法大总结
2007/10/01 Javascript
解析javascript 实用函数的使用详解
2013/05/10 Javascript
js计算两个时间之间天数差的实例代码
2013/11/19 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
2013/11/25 Javascript
JS去除iframe滚动条的方法
2015/04/01 Javascript
AngularJS基础知识笔记之过滤器
2015/05/10 Javascript
JavaScript操作XML/HTML比较常用的对象属性集锦
2015/10/30 Javascript
详解AngularJS中module模块的导入导出
2015/12/10 Javascript
深入理解Node中的buffer模块
2017/06/03 Javascript
浅谈VUE监听窗口变化事件的问题
2018/02/24 Javascript
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
JavaScript Window浏览器对象模型原理解析
2020/05/30 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
Python实现购物车购物小程序
2018/04/18 Python
Python一个简单的通信程序(客户端 服务器)
2019/03/06 Python
Python符号计算之实现函数极限的方法
2019/07/15 Python
Django的models中on_delete参数详解
2019/07/16 Python
python文件读写代码实例
2019/10/21 Python
基于python修改srt字幕的时间轴
2020/02/03 Python
解决Python中报错TypeError: must be str, not bytes问题
2020/04/07 Python
使用Python实现微信拍一拍功能的思路代码
2020/07/09 Python
Python scrapy爬取小说代码案例详解
2020/07/09 Python
极简的HTML5模版
2015/07/09 HTML / CSS
世界上第一个创建了罩杯系统的美国内衣品牌:Maidenform
2019/03/23 全球购物
生产部经理岗位职责
2013/12/16 职场文书
副职竞争上岗演讲稿
2014/05/12 职场文书
门面房租房协议书
2014/08/20 职场文书
节约每一滴水演讲稿
2014/09/09 职场文书
先进个人事迹材料
2014/12/29 职场文书
三八节活动主持词
2015/07/04 职场文书
Python 多线程之threading 模块的使用
2021/04/14 Python