`
北极的。鱼
  • 浏览: 159052 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

关于JQ中的trigger和triggerHandler

 
阅读更多

来看下trigger和triggerhandler的区别:
triggerHandler() 方法触发被选元素的指定事件类型。但不会执行浏览器默认动作,也不会产生事件冒泡。

triggerHandler() 方法与 trigger() 方法类似。不同的是它不会触发事件(比如表单提交)的默认行为,而且只影响第一个匹配元素。

与 trigger() 方法相比的不同之处
它不会引起事件(比如表单提交)的默认行为
.trigger() 会操作 jQuery 对象匹配的所有元素,而 .triggerHandler() 只影响第一个匹配元素。
由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡;如果目标元素不直接处理它们,则不会发生任何事情。
该方法的返回的是事件处理函数的返回值,而不是具有可链性的 jQuery 对象。此外,如果没有处理程序被触发,则这个方法返回 undefined。

 

简言之:triggerHandler是触发事件上绑定的方法。而trigger除了触发事件上绑定的方法外,还触发浏览器产生的默认事件。

分享到:
评论

相关推荐

    Trigger和TriggerHandler区别

    ### Trigger和TriggerHandler的区别 在前端开发中,事件处理是构建交互式用户界面的重要组成部分。jQuery作为一款流行的JavaScript库,提供了强大的工具来简化DOM操作和事件处理。其中,`trigger()` 和 `...

    jquery的trigger和triggerHandler的区别示例介绍

    本文重点介绍了jQuery框架中两个非常重要的方法——trigger和triggerHandler的区别,并通过示例代码来演示它们的不同行为。在JavaScript开发中,事件处理是不可或缺的一部分。jQuery作为流行的前端框架,为我们提供...

    jquery trigger函数执行两次的解决方法

    文章提供的实例代码中,有两个按钮分别绑定了trigger和triggerHandler事件处理函数,它们都绑定到一个输入框的聚焦事件上。在触发点击事件时,可以看到触发trigger的按钮在IE浏览器中导致了两次聚焦事件的触发,而...

    jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析

    本篇文章将深入探讨jQuery事件模型的默认行为执行顺序,以及`trigger()`和`triggerHandler()`两个方法的区别。 默认行为执行顺序: 在浏览器中,事件的默认行为通常在用户交互后立即执行,例如,点击一个链接会导航...

    jQuery中triggerHandler()方法用法实例

    从上面定义可以看出此方法和trigger()方法功能上很类似,但还是有巨大区别。以下是主要区别: 1.此方法不会触发浏览器默认事件。 2.此方法触发jQuery对象集合中第一个元素的事件处理函数,不会产生事件冒泡。 3.此...

    读jQuery之十四 (触发事件核心方法)

    在本篇文章中,我们深入探讨了jQuery库中的事件触发机制,特别是通过核心方法trigger和triggerHandler来模拟用户动作的能力。这些方法允许开发者在不直接与用户交互的情况下激活元素的事件处理器。在了解这些方法...

    jQuery中值得注意的trigger方法浅析

    在jQuery库中,`trigger`方法是一个非常实用...了解和熟练掌握`trigger`及其变种`triggerHandler`,可以显著提升前端开发的效率和代码质量。在实际工作中,根据需求选择合适的方法,能更好地控制和扩展应用的交互行为。

    sfdc-trigger-framework:适用于Salesforce Apex触发器的最小触发器框架

    该触发器框架捆绑了一个单个TriggerHandler基类,您可以从所有触发器处理程序中继承该基类。 基类包括特定于上下文的方法,这些方法在执行触发器时会自动调用。 基类还提供了辅助角色,作为触发器执行的监督者。 ...

    Simple-Trigger-Pattern:Salesforce(STP)的简单触发模式的官方存储库

    则可以在这里找到: ##内容此存储库中包含以下文件: LICENSE.txt 版权和许可信息所有代码和文档均根据MIT许可分发如果您发现此模式有用,请告诉我 自述文件您正在读取的文件TriggerHandler.cls Apex虚拟课程简单...

    jquery1.10.3 API

    同时,`trigger()`和`triggerHandler()`用于手动触发事件。 五、效果与动画(Effects & Animation) jQuery的动画功能强大,`fadeIn()`, `fadeOut()`, `slideToggle()`等方法创建平滑过渡效果。`animate()`可以...

    jquery1.7 Api

    7. **.trigger() 和 .triggerHandler()** - `.trigger()` 触发指定的事件,同时执行与事件相关的处理函数。 - `.triggerHandler()` 与`.trigger()`类似,但不会引发浏览器的默认行为,且只影响第一个匹配的元素。 ...

    jQuery-1.6-api

    - `.triggerHandler()` 方法触发事件并返回事件处理函数的返回值,不同于`.trigger()`,它不会引发冒泡或触发默认行为。 8. **遍历和过滤** - `$.each()` 方法可用于遍历数组和对象,1.6版本中这个功能依然强大。...

    jquey相关事件的应用

    本文将深入探讨jQuery中的事件应用,帮助开发者更好地理解和利用这些功能。 一、jQuery事件基础 1. 绑定事件:jQuery提供了`$(selector).on()`方法来绑定事件。例如,绑定点击事件可以写作`$('button').on('click'...

    jQuery检查事件是否触发的方法

    以上介绍了jQuery中trigger方法的基本概念、用法和特点。掌握这些知识,可以有效地帮助开发者在编写复杂交互的Web应用时,更好地调试和管理事件处理机制,从而提升开发效率和应用性能。希望本文所述的内容能够对大家...

    jquery事件

    除了浏览器提供的事件外,jQuery还允许创建自定义事件,通过`$.triggerHandler()`或`$.trigger()`触发,这在模块化编程或组件通信中很有用。 10. **事件性能优化** 考虑到性能,应避免在大型集合上绑定事件,而是...

Global site tag (gtag.js) - Google Analytics