动态设置控件的事件JS代码

2012/10/18 10:55:38作者：佚名来源：网络

移动端

【实例名称】

动态设置控件的事件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代码下载

标签：动态 JS代码