js給onclick事件賦值,動態(tài)傳參數(shù)實例解說
更新時間:2013年03月28日 11:29:14 作者:
js動態(tài)給對象onclick事件賦值,動態(tài)傳參數(shù)舉兩個例子一對一錯,感興趣的朋友可以對比下,希望可以從中發(fā)現(xiàn)不一樣之處
我們先看看錯誤的例子
Html代碼
<body>
<input id="certid" type="text" value="123456" >
<input id="btn" type="button" value="button" onclick="">
</body>
Javascript代碼
<script>
function show(value)
{
alert(value);
}
btn.onclick = show(certid.value);
<script>
以上代碼執(zhí)行起來是有錯誤的,因為show(certid.value)這句,直接就執(zhí)行了show方法,而沒有正確把這個方法對象賦給btn.onclick事件.
如果我們改成這樣
btn.onclick = show;
參數(shù)又無法傳遞.
所以正確的代碼應該這樣寫,我們加一個參數(shù)以看得更明白一些:
Html代碼
<body>
<input id="certid" type="text" value="123456" >
<input id="btn" type="button" value="button" onclick="">
</body>
Javascript代碼
<script>
function show(value1,value2)
{
alert(value1+","+value2);
}
var i = 10;
btn.onclick = function(){
show(certid.value,i);
};
<script>
這樣就實現(xiàn)了動態(tài)給onclick事件句柄賦值,并支持參數(shù)的傳遞.
Html代碼
復制代碼 代碼如下:
<body>
<input id="certid" type="text" value="123456" >
<input id="btn" type="button" value="button" onclick="">
</body>
Javascript代碼
復制代碼 代碼如下:
<script>
function show(value)
{
alert(value);
}
btn.onclick = show(certid.value);
<script>
以上代碼執(zhí)行起來是有錯誤的,因為show(certid.value)這句,直接就執(zhí)行了show方法,而沒有正確把這個方法對象賦給btn.onclick事件.
如果我們改成這樣
復制代碼 代碼如下:
btn.onclick = show;
參數(shù)又無法傳遞.
所以正確的代碼應該這樣寫,我們加一個參數(shù)以看得更明白一些:
Html代碼
復制代碼 代碼如下:
<body>
<input id="certid" type="text" value="123456" >
<input id="btn" type="button" value="button" onclick="">
</body>
Javascript代碼
復制代碼 代碼如下:
<script>
function show(value1,value2)
{
alert(value1+","+value2);
}
var i = 10;
btn.onclick = function(){
show(certid.value,i);
};
<script>
這樣就實現(xiàn)了動態(tài)給onclick事件句柄賦值,并支持參數(shù)的傳遞.
相關(guān)文章
uin-app+mockjs實現(xiàn)本地數(shù)據(jù)模擬
這篇文章主要為大家詳細介紹了uin-app+mockjs實現(xiàn)本地數(shù)據(jù)模擬,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-08-08全面解析JavaScript中offsetLeft、offsetTop的用法
本文主要介紹了全面解析JavaScript中offsetLeft、offsetTop的用法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-04-04JavaScript實現(xiàn)控制并發(fā)請求數(shù)量的方法詳解
這篇文章主要為大家詳細介紹了JavaScript如何實現(xiàn)控制并發(fā)請求數(shù)量,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-02-02