给Event handler传递动态参数

有段时间没写些东西了......参加工作大半年感觉是收获不小啊新年以致

在这里我想真心的祝福所有园友所有有梦想的人新的一年技术更牛X 身体棒棒职业发展更上一层

好了回过来讲主要内容.

在jquery cook book里看到一篇给event handler传递动态参数的文章感觉挺实用的跟大家分享下

直接拿例子吧...

 1 <body>
 2     <div id="demo"></div>
 3     <button id="btn" >trigger it</button>
 4     <script type="text/javascript">
 5         (function($) {
 6             //demo1
 7             $("#demo").bind("demo-trigger", function(e, args) {
 8                 var info = [];
 9                 //对应的我们从args参数中获取数据
10                 for(var prop in args) {
11                     info.push(prop + ":" + args[prop]);
12                 }
13                 this.innerHTML = info.join(';');
14             });
15             $('#btn').click(function() {
16                 // 我们把数据作为一个参数和我们关心的事件名一起传入trigger方法
17                 $('#demo').trigger('demo-trigger', {
18                     name:'Andrew',
19                     age: '23',
20                     job: 'FrontEnd Dev'
21                 });
22             });
23
24             /**demo2
25             $("#demo").bind("demo-trigger", function(e) {
26                 var info = [];
27                 //我们通过传入的e.extra来获取我们传入的数据
28                 for(var prop in e.extra) {
29                     info.push(prop + ":" + e.extra[prop]);
30                 }
31                 //展现出来
32                 this.innerHTML = info.join(';');
33             });
34             $('#btn').click(function() {
35                 //这个用法很有意思 我们new一个jQuery Event对象 参数为我们关心的事件名
36                 var event = new jQuery.Event("demo-trigger");
37                 //给这个event附加一个属性  包含我们的数据
38                 event.extra = {
39                     name:'Andrew',
40                     age :'23',
41                     job :'FrontEnd Dev'
42                 };
43                 //最后把event传入trigger方法  ...看上面的$('#demo').....
44                 $('#demo').trigger(event);
45             });**/
46         })(jQuery);
47     </script>
48 </body>

转载于:https://www.cnblogs.com/AndyWithPassion/archive/2011/01/03/jq_event_args.html

给Event handler传递动态参数相关推荐

【若依(ruoyi)】向DAO中传递动态参数
前言若依(ruoyi): v4.3 向DAO中传递动态参数比如,mapper中这样定义selectUserList: <select id="selectUserList" ...
python中自定义函数如何传递动态参数_python 函数的动态参数
1. 函数的动态参数 1. *args 位置参数动态传参 2. **kwargs 关键字参数动态传参顺序:位置参数, *args, 默认值, **kwargs def func(*args, **k ...
微信小程序for循环中传递动态参数
for循环中的参数,没法传到对应的 js里,所以直接在 wxml页面上跳转发送参数的 wxml页面 <view class="uploader" wx:for=" ...
Dockerfile中通过ENV指定动态参数在RUN时传递参数(部署后台jar包时指定端口为例)
场景 CentOS7中使用Dockerfile部署后台jar包: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/119818808 ...
iframe的src怎么携带参数_三种传递gRPC动态参数方式的使用体验
gRPC是一个远程调用框架,使用Protobuf做为信息的载体来完成客户端和服务端的数据传输.关于怎么定义Protobuf消息.搭建gRPC服务在之前的系列文章中都有提及,今天来说一下在使用gRPC和 ...
三种传递gRPC动态参数方式的使用体验
gRPC是一个远程调用框架,使用Protobuf做为信息的载体来完成客户端和服务端的数据传输.关于怎么定义Protobuf消息.搭建gRPC服务在之前的系列文章中都有提及,今天来说一下在使用gRPC和 ...
ROS中动态坐标变换（动态参数调节+动态坐标变换）
目录坐标变换详解静态坐标变换与动态坐标变换的区别项目文件解析 CMakelist文件的配置 Package.xml文件配置动态参数调节:frame_change.cfg 动态参数调用+坐标系数 ...
vector 作为dll 接口参数_DLL中传递STL参数，vector对象作为dll参数传递等问题(转)...
STL使用模板生成,当我们使用模板的时候,每一个EXE,和DLL都在编译器产生了自己的代码,导致模板所使用的静态成员不同步,所以出现数据传递的各种问题,下面是详细解释. 原因分析:一句话-----如果 ...
【Groovy】Groovy 动态语言特性 ( Groovy 中函数实参自动类型推断 | 函数动态参数注意事项 )
文章目录前言一.Groovy 中函数实参自动类型推断二.函数动态参数注意事项三.完整代码示例前言 Groovy 是动态语言 , Java 是静态语言 ; 本篇博客讨论 Groovy 中 , ...

给Event handler传递动态参数

给Event handler传递动态参数相关推荐

最新文章

热门文章