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 相关文章推荐
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
Dec 22 Javascript
常用的javascript function代码
May 23 Javascript
Javascript 获取链接(url)参数的方法
Feb 15 Javascript
jquery获取css的color值返回RGB的方法
Dec 18 Javascript
使用JS实现图片展示瀑布流效果(简单实例)
Sep 06 Javascript
vue-cli+webpack记事本项目创建
Apr 01 Javascript
Angular4的输入属性与输出属性实例详解
Nov 29 Javascript
支付宝小程序tabbar底部导航
Nov 06 Javascript
vuex如何重置所有state(可定制)
Jan 17 Javascript
关于Vue中axios的封装实例详解
Oct 20 Javascript
vue下的@change事件的实现
Oct 25 Javascript
vue项目中自定义video视频控制条的实现代码
Apr 26 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
牡丹941资料
2021/03/01 无线电
在普通HTTP上安全地传输密码
2007/07/21 PHP
php保存二进制原始数据为图片的程序代码
2014/10/14 PHP
分析php://output和php://stdout的区别
2018/05/06 PHP
PHP获取日期对应星期、一周日期、星期开始与结束日期的方法
2018/06/22 PHP
论坛特效代码收集(落伍转发-不错)
2006/12/02 Javascript
javascript GUID生成器实现代码
2009/10/31 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
2011/04/19 Javascript
jquery ui dialog实现弹窗特效的思路及代码
2013/08/03 Javascript
JS中使用变量保存arguments对象的方法
2016/06/03 Javascript
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
2018/10/18 Javascript
浅谈Vue.js组件(二)
2019/04/09 Javascript
Echarts地图添加引导线效果(labelLine)
2019/09/30 Javascript
VUE注册全局组件和局部组件过程解析
2019/10/10 Javascript
详解elementUI中input框无法输入的问题
2020/04/27 Javascript
JavaScript 判断数据类型的4种方法
2020/09/11 Javascript
Python机器学习之决策树算法实例详解
2017/12/06 Python
Python中偏函数用法示例
2018/06/07 Python
Python脚本利用adb进行手机控制的方法
2019/07/08 Python
python 画出使用分类器得到的决策边界
2019/08/21 Python
python 调用pyautogui 实时获取鼠标的位置、移动鼠标的方法
2019/08/27 Python
TensorFLow 不同大小图片的TFrecords存取实例
2020/01/20 Python
波兰数码相机及配件网上商店: Cyfrowe.pl
2017/06/19 全球购物
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
PHP如何设置和取得Cookie值
2015/06/30 面试题
Java面试笔试题大全
2016/11/23 面试题
期末总结的个人自我评价
2013/11/02 职场文书
简历中的自我评价怎么写
2014/01/29 职场文书
修理厂厂长岗位职责
2014/01/30 职场文书
2014年迎新年活动方案
2014/02/19 职场文书
学习教师法的心得体会
2014/09/03 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
有关三国演义的读书笔记
2015/06/25 职场文书
2019送给家人们的中秋节祝福语
2019/08/15 职场文书
javascript实现计算器功能详解流程
2021/11/01 Javascript