3.9 如何主动触发按钮单击事件

众所周知，页面中设计的按钮控件是为了让用户单击来触发操作的，那么能不能直接通过JavaScript脚本语言从后台主动触发按钮来操作呢？答案是肯定的。

下面实现一个JavaScript主动触发按钮单击事件的代码实例。

关于【代码3-9】的说明：

● 第15行代码通过标签<input>定义了第一个按钮控件；第20～25行代码为该按钮控件添加了onclick事件，获取了第13～14行代码定义的文本框中的内容。注意，该按钮的单击事件是必须由用户执行触发操作来完成的。

● 第16行代码通过标签<input>定义了第二个按钮控件；第27～30行代码为该按钮控件添加了onclick事件，其中第29行代码通过为第一个按钮控件执行click()方法来执行单击操作。注意，这里第一个按钮控件的单击操作是JavaScript主动触发的，而不是由用户被动触发的。

下面使用Firefox浏览器运行测试该HTML网页，具体效果如图3.8和图3.9所示。

图3.8 JavaScript用户触发按钮单击事件

图3.9 JavaScript主动触发按钮单击事件