JAVASCRIPT TRIGGER CLICK

在 JavaScript 编程中，我们经常会遇到这样一种情况，即我们可以在按钮点击时创建一个任何函数。例如，在自动化测试网页或网站时，我们需要检查一些额外的功能。在这些情况下，JavaScript 的触发点击事件技术对于应对上述挑战变得更加可靠和高效。

在此上下文中，我们将学习 JavaScript 中触发点击事件的过程。

如何在 JavaScript 中触发点击事件

我们需要应用以下技术来在 JavaScript 中触发点击事件：

a) click() 方法

b) addEventListener() 和 dispatchEvent 方法

现在我们将使用上面写的方法来演示，如下所示：

方法 1

使用 JavaScript 中的 click 事件方法触发点击事件

在提到的元素上，click 方法用于执行操作。通过用户定义的函数，当用户通过创建按钮、获取其 ID 并触发点击事件来点击所需的按钮时，可以使用此方法实现。

为进一步澄清，我们需要看下面的例子：

示例

在下面的示例中，有一个带有“点击这里”的按钮，该按钮带有 ID，并附带点击事件以访问其点击事件。

通过在 JavaScript 中指定其 ID，我们必须使用 document.getElementById 方法来访问创建的按钮。要执行下一步操作，将调用 click 事件。

最后，当按钮被点击时，我们将定义一个名为 “clickEvent()” 的函数，以便在控制台中使用 click 方法输出。

从上述代码的输出中，使用 click 方法以自动化方式，我们观察到“点击这里”按钮已被点击。

方法 2

借助 addEventListener() 和 dispatchEvent() 方法在 JavaScript 中触发点击事件

在 JavaScript 中，这是 JavaScript 事件目标接口提供的一个基本方法。

此方法注册一个事件侦听器。当在目标上捕获到指定事件时，我们将调用配置的函数。

事件的语法

语法描述

• 在上述语法中，有一个名为 $type 的参数，这是一个强制性参数。该参数仅接受一个字符串，用于指示要监视的事件类型。此参数区分大小写。它支持各种事件，例如键盘、点击、数据库、输入等。
• 同样，$listener 也是一个强制性参数。当发生指定类型的事件时，此参数会作为一个对象接收事件通知。此对象应在 JavaScript 函数或 EventListener 接口上实现。
• 另一方面，$option 是一个可选参数。

示例：1

输出

"The required event is triggered".
"The required event is triggered".
"The required event is triggered".
"The required event is triggered".
"The required event is triggered".

示例 2

在此示例中，首先，我们将包含一个带有相应 ID 和 onclick 事件的按钮，以及与前一个类似的 **e** 值。

之后，借助 addEventListener() 方法，我们将检索按钮并点击其中的事件，以在其参数中指定“e”，它指的是事件点击对象。

最后，与前一种方法相同，我们将定义点击事件，以便在触发点击事件时显示相应的消息。