jquery下为Event handler传递动态参数的代码


Posted in Javascript onJanuary 06, 2011

实例代码

<body> 
<div id="demo"></div> 
<button id="btn" >trigger it</button> 
<script type="text/javascript"> 
(function($) { 
//demo1 
$("#demo").bind("demo-trigger", function(e, args) { 
var info = []; 
//对应的我们从args参数中获取数据 
for(var prop in args) { 
info.push(prop + ":" + args[prop]); 
} 
this.innerHTML = info.join(';'); 
}); 
$('#btn').click(function() { 
// 我们把数据作为一个参数和我们关心的事件名一起传入trigger方法 
$('#demo').trigger('demo-trigger', { 
name:'Andrew', 
age: '23', 
job: 'FrontEnd Dev' 
}); 
}); /**demo2 
$("#demo").bind("demo-trigger", function(e) { 
var info = []; 
//我们通过传入的e.extra来获取我们传入的数据 
for(var prop in e.extra) { 
info.push(prop + ":" + e.extra[prop]); 
} 
//展现出来 
this.innerHTML = info.join(';'); 
}); 
$('#btn').click(function() { 
//这个用法很有意思 我们new一个jQuery Event对象 参数为我们关心的事件名 
var event = new jQuery.Event("demo-trigger"); 
//给这个event附加一个属性 包含我们的数据 
event.extra = { 
name:'Andrew', 
age :'23', 
job :'FrontEnd Dev' 
}; 
//最后把event传入trigger方法 ...看上面的$('#demo')..... 
$('#demo').trigger(event); 
});**/ 
})(jQuery); 
</script> 
</body>
Javascript 相关文章推荐
input 输入框内的输入事件详细分析
Mar 17 Javascript
使用JSLint提高JS代码质量方法分享
Dec 16 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
Jul 23 Javascript
js读取并解析JSON类型数据的方法
Nov 14 Javascript
JS判断字符串字节数并截取长度的方法
Mar 05 Javascript
js获取客户端操作系统类型的方法【测试可用】
May 27 Javascript
Seajs是什么及sea.js 由来,特点以及优势
Oct 13 Javascript
Js利用Canvas实现图片压缩功能
Sep 13 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
Jun 19 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
Nov 11 Javascript
微信小程序wxml列表渲染原理解析
Nov 27 Javascript
Jquery下判断Id是否存在的代码
Jan 06 #Javascript
jquery关于图形报表的运用实现代码
Jan 06 #Javascript
基于Jquery的简单图片切换效果
Jan 06 #Javascript
基于jquery的分页控件(C#)
Jan 06 #Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 #Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
Jan 06 #Javascript
基于jQuery的试卷自动排版系统实现代码
Jan 06 #Javascript
You might like
人族 TERRAN 概述
2020/03/14 星际争霸
使用PHP静态变量当缓存的方法
2013/11/13 PHP
PHP中判断文件存在使用is_file还是file_exists?
2015/04/03 PHP
PHP中set error handler函数用法小结
2015/11/11 PHP
PHP递归遍历多维数组实现无限分类的方法
2016/05/06 PHP
PHP合并数组的2种方法小结
2016/11/24 PHP
PHP实现支付宝即时到账功能
2016/12/21 PHP
jquery入门—数据删除与隔行变色以及图片预览
2013/01/07 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
2015/12/02 Javascript
DOM事件探秘篇
2017/02/15 Javascript
详解nodejs爬虫程序解决gbk等中文编码问题
2017/04/06 NodeJs
详解vue使用vue-layer-mobile组件实现toast,loading效果
2018/08/31 Javascript
浅谈webpack4.x 入门(一篇足矣)
2018/09/05 Javascript
详解angularjs跨页面传参遇到的一些问题
2018/11/01 Javascript
node.js ws模块搭建websocket服务端的方法示例
2019/04/25 Javascript
Vue实现页面添加水印功能
2019/11/09 Javascript
python基础教程之popen函数操作其它程序的输入和输出示例
2014/02/10 Python
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
Selenium定时刷新网页的实现代码
2018/10/31 Python
详解Python装饰器
2019/03/25 Python
PyCharm2019安装教程及其使用(图文教程)
2019/09/29 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
python通过函数名调用函数的几种场景
2020/09/23 Python
Python类型转换的魔术方法详解
2020/12/23 Python
python 利用matplotlib在3D空间绘制二次抛物面的案例
2021/02/06 Python
澳大利亚便宜的家庭购物网站:CrazySales
2018/02/06 全球购物
澳大利亚墨水站Ink Station:墨水和碳粉打印机墨盒
2019/03/24 全球购物
专业毕业生个性的自我评价
2013/10/03 职场文书
商务英语专业毕业生自荐信
2013/11/05 职场文书
餐饮管理自我介绍信
2014/01/15 职场文书
个人简历中的自我评价怎么写
2014/01/26 职场文书
如何写好建议书
2014/03/13 职场文书
年检委托书
2014/08/30 职场文书
2014第二批党员干部对照“四风”找差距检查材料思想汇报
2014/09/18 职场文书
MySQL中存储时间的最佳实践指南
2021/07/01 MySQL
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers