JavaScript 怎么模拟点击

来源：互联网 2023-03-17 00:48:15 321

在做页面开发时，我们通常会在页面上显示一些按钮，让用户来点击互动，但有时候需要用程序去主动触发点击页面上的按钮，而不是被动等待用户去点击。

那么如何用JavaScript怎么模拟用户点击按钮？怎么触发按钮的点击事件？下面一起来看下。

方法/步骤

首先看下我们的HTML代码，很简单的代码，就是二个按钮，点击后，分别调用clickA，clickB方法。

JavaScript 怎么模拟点击

再看下clickA，clickB方法，如图，也是很简单，点击后我们只是在浏览器的控制台输出信息：console.log('点击了A按钮');

（控制台输出信息是浏览器用来调试脚本的方法之一，如果你还不清楚怎么使用，可以看下下面的链接，介绍如何在Firefox调试JS脚本的）

2JavaScript如何调试？

JavaScript 怎么模拟点击

2此文章未经授权抓取自百度经验

页面运行后，我们分别点击二个按钮，控制台上就会分别输出对应的信息。

JavaScript 怎么模拟点击

假设我们在点击B按钮时，触发点击A按钮，该怎么做？

很简单，我们修改下JS代码，如图，只要调用触发A按钮的Click事件，就可以了。

document.getElementById("btnA").click();

JavaScript 怎么模拟点击

刷新页面，这次我们只点击B按钮，可以看到控制台的输出有二条输出，第二条输出表示A按钮也被点击了，所以我们在点击B按钮时用程序触发A按钮的点击是成功的。

JavaScript 怎么模拟点击

如果你熟悉Jquery插件，我们用Jquery去实现用程序触发按钮的点击，更加清晰明了，直接调用trigger方法就行了。

$("#btnA").trigger("click");

trigger传入的参数，指示你要触发的是什么事件，我们要触发点击事件，所以传入click。

JavaScript 怎么模拟点击

通过Jquery的trigger方法，我们同样可以让程序去点击按钮，触发了另外按钮的点击事件。

JavaScript 怎么模拟点击

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

上一篇：JS制作轮播图下一篇：怎样在网页中插入JavaScript代码