jQuery triggerHandler() 方法

17 Mar 2025 | 阅读 2 分钟

triggerHandler() 方法用于为匹配的元素触发指定的事件。它与 trigger() 方法类似,除了 triggerHandler() 方法不会触发事件的默认行为。

语法

此方法有一个必需参数,并且可以有多个可选参数。

参数值

event: 这是必需的参数。它指定要为元素触发的事件。它可以是标准事件或自定义事件。

param1,param2,...: 这些是可选的附加参数,可以作为参数传递给事件处理程序。它们对于自定义事件很有用。

让我们通过一些示例来说明 triggerHandler() 方法的用法。

示例 1

在此示例中,我们使用 triggerHandler() 方法来触发 select 事件。这里有两个按钮,分别命名为 triggerHandler()trigger()。通过这个示例,我们可以轻松理解 trigger() 和 triggerHandler() 方法之间的区别。

单击第一个按钮时,triggerHandler() 方法将触发指定的事件,该事件将更改 body 的样式和给定的文本字段。单击第二个按钮时,trigger() 方法将触发指定的事件,并且还会触发事件的默认行为。

在这里,我们使用了 triggerHandler() 方法的必需的 event 参数。

立即测试

输出

jQuery triggerHandler() method

单击第一个按钮时,triggerHandler() 方法将触发指定的事件,但不会触发默认行为,如下面的屏幕截图所示 -

jQuery triggerHandler() method

单击第二个按钮时,trigger() 方法还将触发事件的默认行为,如下面的屏幕截图所示 -

jQuery triggerHandler() method

示例 2

这是使用 triggerHandler() 方法的另一个示例。在此示例中,我们使用了 triggerHandler() 方法的可选参数。这些附加参数作为参数传递给事件处理程序。

立即测试

输出

jQuery triggerHandler() method

单击给定按钮后,输出将是 -

jQuery triggerHandler() method