网站首页/技术开发列表/内容

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

技术开发2023-06-22阅读
编程(Programming)是编定程序的中文简称,就是让计算机代码解决某个问题,对某个计算体系规定一定的运算方式,使计算体系按照该计算方式运行,并最终得到相应结果的过程。为了使计算机能够理解(understand)人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

【实例名称】

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


使用编程语言写的程序,由于每条指令都对应计算机一个特定的基本动作,所以程序占用内存少、执行效率高。

……

相关阅读