動(dòng)態(tài)設(shè)置控件的事件JS代碼

2012/10/18 10:55:38作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

有時(shí)候需要在網(wǎng)頁中動(dòng)態(tài)添加一些控件，為了某些操作，又必須為這些控件添加事件，以達(dá)到與用戶交互的目的。本例學(xué)習(xí)如何動(dòng)態(tài)設(shè)置控件的事件。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁</title>
<script language=javascript>
//添加事件的參數(shù)，參數(shù)為控件的標(biāo)識(shí)
function addClick(obj)
{
    obj.onclick=function()       //綁定按鈕的單擊事件
    {
      alert('動(dòng)態(tài)添加事件成功 ');//單擊事件完成的功能－輸出提示
    }
}
</script>
</head>
<body>
    <input id="Button2" type="button" value=" 測(cè)試" />
    <br /><input id="Button1" type="button" value="為上面的按鈕添加事件" onclick="addClick(Button2)" />
</body>
</html>

【難點(diǎn)剖析】

本例的重點(diǎn)是如何為控件綁定事件。綁定控件時(shí)需要知道此控件的唯一標(biāo)識(shí)(ID或Name）。然后以屬性的方式指明要實(shí)現(xiàn)的事件(如onclick)。事件的內(nèi)容是一個(gè)方法。

【源碼下載】

本實(shí)例JS代碼下載

標(biāo)簽：動(dòng)態(tài) JS代碼