jQuery中trigger()与triggerHandler()的执行顺序有何不同？

本文共计1516个文字，预计阅读时间需要7分钟。

原文示例：

本文实例讲述了jQuery事件模型默认行为为执行顺序及trigger()与triggerHandler()的比较。分享给广大供参考，具体如下：

前言：最近在工作中遇到了一个需求，发现使用jQuery时出现了一些异常情况。

事件执行顺序：在jQuery中，默认的事件处理是按照DOM元素的层级从上到下依次执行的。也就是说，如果一个事件绑定在了多个元素上，那么事件会从最顶层的元素开始向下执行。

trigger()与triggerHandler()比较：

1.trigger()：它会触发指定的事件，并执行所有绑定的该事件的事件处理器。即使事件已经执行完毕，事件处理器也会被调用。

2.triggerHandler()：它也用于触发事件，但与trigger()不同，它只会触发一个特定的事件处理器。当事件执行完毕后，事件处理器不会被重复调用。

具体应用：

例如，假设我们有一个按钮，绑定了click事件：如果我们使用trigger()来触发click事件：$(#myButton).trigger(click);则会弹出“按钮被点击了！两次，因为所有绑定的事件处理器都会被执行。

如果我们使用triggerHandler()来触发click事件：$(#myButton).triggerHandler(click);则只会弹出按钮被点击了！一次，因为只会执行一个特定的事件处理器。”

本文实例讲述了jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较。