js給onclick事件賦值,動態(tài)傳參數(shù)實(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í)行起來是有錯誤的,因?yàn)閟how(certid.value)這句,直接就執(zhí)行了show方法,而沒有正確把這個方法對象賦給btn.onclick事件.
如果我們改成這樣
btn.onclick = show;
參數(shù)又無法傳遞.
所以正確的代碼應(yīng)該這樣寫,我們加一個參數(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>
這樣就實(shí)現(xiàn)了動態(tài)給onclick事件句柄賦值,并支持參數(shù)的傳遞.
Html代碼
復(fù)制代碼 代碼如下:
<body>
<input id="certid" type="text" value="123456" >
<input id="btn" type="button" value="button" onclick="">
</body>
Javascript代碼
復(fù)制代碼 代碼如下:
<script>
function show(value)
{
alert(value);
}
btn.onclick = show(certid.value);
<script>
以上代碼執(zhí)行起來是有錯誤的,因?yàn)閟how(certid.value)這句,直接就執(zhí)行了show方法,而沒有正確把這個方法對象賦給btn.onclick事件.
如果我們改成這樣
復(fù)制代碼 代碼如下:
btn.onclick = show;
參數(shù)又無法傳遞.
所以正確的代碼應(yīng)該這樣寫,我們加一個參數(shù)以看得更明白一些:
Html代碼
復(fù)制代碼 代碼如下:
<body>
<input id="certid" type="text" value="123456" >
<input id="btn" type="button" value="button" onclick="">
</body>
Javascript代碼
復(fù)制代碼 代碼如下:
<script>
function show(value1,value2)
{
alert(value1+","+value2);
}
var i = 10;
btn.onclick = function(){
show(certid.value,i);
};
<script>
這樣就實(shí)現(xiàn)了動態(tài)給onclick事件句柄賦值,并支持參數(shù)的傳遞.
您可能感興趣的文章:
- JS實(shí)現(xiàn)頁面中所有img對象添加onclick事件及新窗口查看圖片的方法
- js動態(tài)添加的DIV中的onclick事件簡單實(shí)例
- JavaScript給按鈕綁定點(diǎn)擊事件(onclick)的方法
- js動態(tài)添加onclick事件可傳參數(shù)與不傳參數(shù)
- IE8的JavaScript點(diǎn)擊事件(onclick)不兼容的解決方法
- js觸發(fā)asp.net的Button的Onclick事件應(yīng)用
- javascript 動態(tài)改變onclick事件觸發(fā)函數(shù)代碼
- JavaScript onclick事件使用方法詳解
相關(guān)文章
uin-app+mockjs實(shí)現(xiàn)本地數(shù)據(jù)模擬
這篇文章主要為大家詳細(xì)介紹了uin-app+mockjs實(shí)現(xiàn)本地數(shù)據(jù)模擬,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-08-08全面解析JavaScript中offsetLeft、offsetTop的用法
本文主要介紹了全面解析JavaScript中offsetLeft、offsetTop的用法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04JavaScript實(shí)現(xiàn)控制并發(fā)請求數(shù)量的方法詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript如何實(shí)現(xiàn)控制并發(fā)請求數(shù)量,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02js實(shí)現(xiàn)帶簡單彈性運(yùn)動的導(dǎo)航條
本篇文章主要分享了js實(shí)現(xiàn)帶簡單彈性運(yùn)動導(dǎo)航條的示例代碼,具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02