问题标签 [jquery-triggerhandler]

出于好奇 - jQuery 的/用例的目的是triggerHandler什么？trigger据我所知，和之间唯一的“真正”区别triggerHandler是本机事件是否触发以及事件冒泡行为（尽管triggerHandler冒泡行为似乎并不难trigger在几行代码中复制） . 确保本机事件不会触发有什么好处？

我很好奇这是一个便利功能还是它存在的更深层次的原因，以及我为什么/何时使用它。

我做错了还是被窃听了？

谢谢 ;）

关注w3schools

triggerHandler() 方法类似于 trigger() 方法。除了它不会触发事件的默认行为（如表单提交）并且它只影响第一个匹配的元素。

但我用 2 个输入标签测试并使用

$("input").triggerHandler("select");

那么他们两个都会受到影响。这是我的代码：

HTML：

JavaScript：

jsFiddle 上的实时复制

我正在向一个复选框添加一个单击事件，该复选框将根据其选中状态显示/隐藏其他字段。我希望处理程序在加载时触发以设置初始页面结构。由于某种原因 triggerHandler 不在现场工作。如果我将其更改为“触发”，则处理程序将触发，但复选框状态也会更改。你能看到我做错了什么/为什么 triggerHandler 不起作用？

triggerHandler()使用作品点击一个元素：

但是，使用 , 单击它trigger()不会：

这是为什么？

要复制它（在 Firefox 和 Chrome 中）：

• 转到https://adwords.google.com/select/home，然后使用您的凭据登录
• 工具和分析->关键字规划师
• 展开“输入或上传关键字以查看其效果”
• 使用浏览器的控制台，尝试通过上面的两种方法单击位置框（在下面的屏幕截图中标记为红色）（您需要将 jQuery 注入页面。我使用jQuerify来做到这一点。）

我们使用 jQuery 为 DOM 元素附加我们的事件处理程序

1）直接——

2) 委托。—

我们还遇到了一种情况，即我们需要从我们的代码中手动执行这些附加的事件处理程序。为此，我们可以在元素上使用 jQuery 中的任一 .trigger() API。

在某些情况下，我们只想执行我们附加的事件处理程序，但我们不想执行与该事件关联的默认操作。我们可以通过在 jQuery on element 中使用 .triggerHandler() API 来实现这一点

例如，我们可以在“复选框”列表上附加“点击”事件，并且我们可以在任何复选框被选中/取消选中时执行事件处理程序。在这里，复选框的单击事件的默认操作是该复选框被选中/未选中（即复选框的状态发生变化。）所以。在某些情况下，我们可能不想在单击复选框时更改复选框的状态，但我们希望在事件处理程序中执行代码。如前所述，这可以在 jQuery 中通过调用 .triggerHandler() 而不是 .trigger 来实现() 触发事件。

但是，当我们通过委托将事件附加到 DOM 元素时，这不起作用。在事件委托的情况下，在不执行默认操作的情况下执行事件处理程序的另一种方法是什么？

请检查以下 JSfiddles 的区别：用于直接事件处理：

对于委托事件处理：

（请注意，当您单击“运行”时，事件处理函数中的警报不会出现）

我有一个带有一些复选框的表单，如下所示：

以另一个输入为条件，我可以自动检查这些复选框，但由于某种原因，我无法触发“optionselect”。

我尝试了以下一些方法，但没有任何效果：

仅供参考，“optionselect”只是在其他一些文本输入中做了一些数学运算。

我正在使用 AngularJS 1.3.0-beta.2、jQuery 2.1.0、Angular UI 0.11 和我的 Angular UI 工具提示小部件的自定义版本，我希望工具提示中的按钮在单击时关闭工具提示。

Plunkr

关键部分位于 crud_tooltip.js:372：

使用 $timeout 的版本可以工作，但是在单击按钮和看到弹出窗口关闭之间存在明显的延迟。

不使用 $timeout 的版本会报错：[$rootScope:inprog] $apply already in progress。然后它无论如何都会关闭弹出窗口......我不知道为什么。

当用户单击工具提示中的按钮时，如何修改 closePopup（或调用它的 ng-click）以使工具提示立即关闭？

注意：我使用这个 Plunker作为指导，从 Angular UI 的工具提示代码中改编了我的 custom_tooltip.js 代码。我还尝试直接更改 tt_isOpen 值并定义一个新的 crudtooltip-toggle 属性，但都取得了非常有限的成功。

我有以下代码

当我在函数“VerifyCustomerFilter ()”中的条件为真时，无法触发我创建的自定义事件。

但是，当我在 DatePicker 的事件中触发事件时，它可以完美运行：请参阅

也已经尝试使用triggerHandler().

我应该做错什么？

我正在用 jQuery 触发一些 DOM 事件triggerHandler()

如果没有 jQuery，我如何触发它？

重要：我需要知道事件类型和自定义数据