当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > 动态设置控件的事件JS代码

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