js給onclick事件賦值,動(dòng)態(tài)傳參數(shù)實(shí)例解說(shuō)
更新時(shí)間:2013年03月28日 11:29:14 作者:
js動(dòng)態(tài)給對(duì)象onclick事件賦值,動(dòng)態(tài)傳參數(shù)舉兩個(gè)例子一對(duì)一錯(cuò),感興趣的朋友可以對(duì)比下,希望可以從中發(fā)現(xiàn)不一樣之處
我們先看看錯(cuò)誤的例子
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í)行起來(lái)是有錯(cuò)誤的,因?yàn)閟how(certid.value)這句,直接就執(zhí)行了show方法,而沒(méi)有正確把這個(gè)方法對(duì)象賦給btn.onclick事件.
如果我們改成這樣
btn.onclick = show;
參數(shù)又無(wú)法傳遞.
所以正確的代碼應(yīng)該這樣寫,我們加一個(gè)參數(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)了動(dòng)態(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í)行起來(lái)是有錯(cuò)誤的,因?yàn)閟how(certid.value)這句,直接就執(zhí)行了show方法,而沒(méi)有正確把這個(gè)方法對(duì)象賦給btn.onclick事件.
如果我們改成這樣
復(fù)制代碼 代碼如下:
btn.onclick = show;
參數(shù)又無(wú)法傳遞.
所以正確的代碼應(yīng)該這樣寫,我們加一個(gè)參數(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)了動(dòng)態(tài)給onclick事件句柄賦值,并支持參數(shù)的傳遞.
您可能感興趣的文章:
- JS實(shí)現(xiàn)頁(yè)面中所有img對(duì)象添加onclick事件及新窗口查看圖片的方法
- js動(dòng)態(tài)添加的DIV中的onclick事件簡(jiǎn)單實(shí)例
- JavaScript給按鈕綁定點(diǎn)擊事件(onclick)的方法
- js動(dòng)態(tài)添加onclick事件可傳參數(shù)與不傳參數(shù)
- IE8的JavaScript點(diǎn)擊事件(onclick)不兼容的解決方法
- js觸發(fā)asp.net的Button的Onclick事件應(yīng)用
- javascript 動(dòng)態(tài)改變onclick事件觸發(fā)函數(shù)代碼
- JavaScript onclick事件使用方法詳解
相關(guān)文章
一個(gè)不用onmouseup的拖動(dòng)函數(shù)
一個(gè)不用onmouseup的拖動(dòng)函數(shù)...2007-05-05uin-app+mockjs實(shí)現(xiàn)本地?cái)?shù)據(jù)模擬
這篇文章主要為大家詳細(xì)介紹了uin-app+mockjs實(shí)現(xiàn)本地?cái)?shù)據(jù)模擬,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08全面解析JavaScript中offsetLeft、offsetTop的用法
本文主要介紹了全面解析JavaScript中offsetLeft、offsetTop的用法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04JavaScript實(shí)現(xiàn)控制并發(fā)請(qǐng)求數(shù)量的方法詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript如何實(shí)現(xiàn)控制并發(fā)請(qǐng)求數(shù)量,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02Layui實(shí)現(xiàn)帶查詢條件的分頁(yè)
這篇文章主要為大家詳細(xì)介紹了Layui實(shí)現(xiàn)帶查詢條件的分頁(yè),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07JS獲取填報(bào)擴(kuò)展單元格控件的值的解決辦法
這篇文章主要介紹了JS獲取填報(bào)擴(kuò)展單元格控件的值的解決辦法,需要的朋友可以參考下2017-07-07js實(shí)現(xiàn)帶簡(jiǎn)單彈性運(yùn)動(dòng)的導(dǎo)航條
本篇文章主要分享了js實(shí)現(xiàn)帶簡(jiǎn)單彈性運(yùn)動(dòng)導(dǎo)航條的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02