电竞比分网-中国电竞赛事及体育赛事平台

分享

js動(dòng)態(tài)給對(duì)象onclick事件賦值,動(dòng)態(tài)傳參數(shù)

 WindySky 2009-06-24
我們先看看錯(cuò)誤的例子

Html代碼 復(fù)制代碼
  1. <body>  
  2. <input id="certid" type="text" value="123456" >  
  3. <input id="btn" type="button" value="button" onclick="">  
  4. </body>  

Javascript代碼 復(fù)制代碼
  1.     
  2. <script>   
  3.     function show(value)   
  4.     {   
  5.         alert(value);   
  6.     }   
  7.            
  8.     btn.onclick = show(certid.value);   
  9. <script>  

以上代碼執(zhí)行起來是有錯(cuò)誤的,因?yàn)閟how(certid.value)這句,直接就執(zhí)行了show方法,而沒有正確把這個(gè)方法對(duì)象賦給btn.onclick事件.
如果我們改成這樣

btn.onclick = show;
參數(shù)又無法傳遞.

所以正確的代碼應(yīng)該這樣寫,我們加一個(gè)參數(shù)以看得更明白一些:
Html代碼 復(fù)制代碼
  1. <body>  
  2. <input id="certid" type="text" value="123456" >  
  3. <input id="btn" type="button" value="button" onclick="">  
  4. </body>  

Javascript代碼 復(fù)制代碼
  1.     
  2. <script>   
  3.     function show(value1,value2)   
  4.     {   
  5.         alert(value1+","+value2);   
  6.     }   
  7.        
  8.     var i = 10;   
  9.     btn.onclick = function(){   
  10.                            show(certid.value,i);   
  11.                        };   
  12. <script>  


這樣就實(shí)現(xiàn)了動(dòng)態(tài)給onclick事件句柄賦值,并支持參數(shù)的傳遞.

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多