给Event handler传递动态参数
生活随笔
收集整理的這篇文章主要介紹了
给Event handler传递动态参数
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
?? 有段時(shí)間沒寫些東西了......參加工作大半年 感覺是收獲不小啊 新年以致
?? 在這里我想真心的祝福所有園友 所有有夢(mèng)想的人 新的一年技術(shù)更牛X 身體棒棒 職業(yè)發(fā)展更上一層
?? 好了 回過來講主要內(nèi)容.
?? 在jquery cook book里看到一篇給event handler傳遞動(dòng)態(tài)參數(shù)的文章 感覺挺實(shí)用的 跟大家分享下
?? 直接拿例子吧...
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 //對(duì)應(yīng)的我們從args參數(shù)中獲取數(shù)據(jù) 10 for(var prop in args) { 11 info.push(prop + ":" + args[prop]); 12 } 13 this.innerHTML = info.join(';'); 14 }); 15 $('#btn').click(function() { 16 // 我們把數(shù)據(jù)作為一個(gè)參數(shù)和我們關(guān)心的事件名一起傳入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來獲取我們傳入的數(shù)據(jù) 28 for(var prop in e.extra) { 29 info.push(prop + ":" + e.extra[prop]); 30 } 31 //展現(xiàn)出來 32 this.innerHTML = info.join(';'); 33 }); 34 $('#btn').click(function() { 35 //這個(gè)用法很有意思 我們new一個(gè)jQuery Event對(duì)象 參數(shù)為我們關(guān)心的事件名 36 var event = new jQuery.Event("demo-trigger"); 37 //給這個(gè)event附加一個(gè)屬性 包含我們的數(shù)據(jù) 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>轉(zhuǎn)載于:https://www.cnblogs.com/AndyWithPassion/archive/2011/01/03/jq_event_args.html
總結(jié)
以上是生活随笔為你收集整理的给Event handler传递动态参数的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 新手应该如何有效地学习.net
- 下一篇： .net读取xml