當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

给Event handler传递动态参数

發(fā)布時間：2025/5/22 编程问答 15 豆豆

生活随笔收集整理的這篇文章主要介紹了给Event handler传递动态参数小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

?? 有段時間沒寫些東西了......參加工作大半年感覺是收獲不小啊新年以致

?? 在這里我想真心的祝福所有園友所有有夢想的人新的一年技術(shù)更牛X 身體棒棒職業(yè)發(fā)展更上一層

?? 好了回過來講主要內(nèi)容.

?? 在jquery cook book里看到一篇給event handler傳遞動態(tài)參數(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 //對應的我們從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ù)作為一個參數(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 //這個用法很有意思我們new一個jQuery Event對象參數(shù)為我們關(guān)心的事件名 36 var event = new jQuery.Event("demo-trigger"); 37 //給這個event附加一個屬性包含我們的數(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传递动态参数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。