【实例名称】
动态设置控件的事件JS代码
【实例描述】
有时候需要在网页中动态添加一些控件，为了某些操作，又必须为这些控件添加事件，以达到与用户交互的目的。本例学习如何动态设置控件的事件。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
<script language=javascript>
//添加事件的参数，参数为控件的标识
function addClick(obj)
{
obj.onclick=function() //绑定按钮的单击事件
{
alert('动态添加事件成功 ');//单击事件完成的功能－输出提示
}
}
</script>
</head>
<body>
<input id="Button2" type="button" value=" 测试" />
<br /><input id="Button1" type="button" value="为上面的按钮添加事件" onclick="addClick(Button2)" />
</body>
</html>
【难点剖析】
本例的重点是如何为控件绑定事件。绑定控件时需要知道此控件的唯一标识(ID或Name）。然后以属性的方式指明要实现的事件(如onclick)。事件的内容是一个方法。
【源码下载】
本实例JS代码下载
……